vue element ui table数据更换后数据填充错误
element ui table数据更换后数据填充错误
先贴代码
// aa为true展示第二个列表,为false展示第一个列表,点击第一个列表行展示第二个列表隐藏第一个
<el-table v-if="!eqidlist"
:height="table_height"
size="small"
stripe
:data="dateStatusMonitor"
style="width: 100%" @selection-change="handle" @row-click="getEqptConsumeByID">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
type="index"
label="序号"
width="50">
</el-table-column>
<el-table-column
prop="a1"
label="a1">
</el-table-column>
<el-table-column
prop="a2"
label="a2">
</el-table-column>
<el-table-column
prop="a3"
label="a3">
</el-table-column>
<el-table-column
prop="a4"
label="a4">
</el-table-column>
</el-table>
//绑定同一数据源,多了两列,删除序号列和check框列
<el-table v-if="aa"
:height="table_height"
size="small"
stripe
:data="dateStatusMonitor"
style="width: 100%" @selection-change="handle">
<el-table-column
prop="a1"
label="a1">
</el-table-column>
<el-table-column
prop="a2"
label="a2">
</el-table-column>
<el-table-column
prop="a3"
label="a3">
</el-table-column>
<el-table-column
prop="a4"
label="a4">
</el-table-column>
<el-table-column
prop="a5"
label="a5">
</el-table-column>
<el-table-column
prop="a6"
label="a6"
width="80">
</el-table-column>
</el-table>
结果发现序号列还在,a1列表头为a1内容为序号,其他列内容正确,查看数据无误,最后只能保留check列和序号列数据对应正常