vue二维数组变成一维数组用于el-table

5335ld

于 2024-11-05 13:44:59 发布

阅读量211

点赞数 2

文章标签：前端 vue.js

本文链接：https://blog.youkuaiyun.com/u014722196/article/details/143506655

版权

二维数组变成一维数组用于el-table

            //二维数组数据的格式
				this.exportData = [
						["时间","总磷(毫克/升)","化学需氧量(毫克/升)","氨氮(毫克/升)","总氮(毫克/升)","pH(-)"],
						["2024-11-04","0.03","7.74","0.38","3.67","7.61"],
				 ]
				 this.list =this.exportData.map(row => {
							let formattedRow = {};
							this.headerTitle.forEach((header, index) => {
								formattedRow[header] = row[index];
							});
							return formattedRow;
						});
			console.log（this.list）
		//list=[{‘时间’:2024-11-04,,"总磷(毫克/升)":"0.03",,"化学需氧量(毫克/升)":"7.74"}]

<el-table id="custom-table" border ref="dataTable" :data="list" >
			<!-- 描述和操作列 -->
			<el-table-column v-for="(item, index) in exportData[0]" :key="index" :prop="item" :label="item" align="center"
				:show-overflow-tooltip="true">
			</el-table-column>
</el-table>