问题:一个vue组件中出现两个表格,表格之间有字段内容完全一样,有字段内容不同,而我却又在表格间通过v-if进行控制切换,结果出现两个表格字段错乱问题
解决方法:通过给每个表格加上不同的key值来区分两个表格,迫使vue不复用这个表格内容
如:
// 表格1
<el-table key='a123'>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
......
</el-table>
// 表格2
<el-table key='b456'>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
......
</el-table>