问题:
俩个el-table,第一个设置有全选按钮列,第二个没有。当用v-if进行点击切换的时候,如果第一次点击切换的是无全选按钮的,则第二次点击切换本含有全选按钮的表格全选按钮消失了,反之亦然。
解决:
问题是因为没有给表格设置key来标识,给表格设置即可重新渲染表格,问题解决
<el-table :data="tableData2" key="u1" style="width: 100%" id="reSample_table" v-if="current==1">
<el-table-column type="selection" width="55" :selectable="selectable"> </el-table-column>
<el-table-column label="名字" prop="Name" width="180"> </el-table-column>
<el-table-column label="地点" prop="Station" width="180"> </el-table-column>
<el-table-column label="产品" prop="Product" width="180"> </el-table-column>
<el-table-column label="详情" prop="Items" width="180" :formatter="formatData"></el-table-column>
</el-table>
<el-table :data="tableData2" key="u2" style="width: 100%" id="reSample_table" v-if="current==2">
<el-table-column label="名字" prop="Name" width="180"> </el-table-column>
<el-table-column label="地点" prop="Station" width="180"> </el-table-column>
<el-table-column label="产品" prop="Product" width="180"> </el-table-column>
<el-table-column label="详情" prop="Items" width="180" :formatter="formatData"></el-table-column>
</el-table>
每天都要收获满满!