element中俩个el-table切换且其中一个设置了type为selection全选列,但切换的时候,表格全选列时有时无

16 篇文章 0 订阅

问题:

俩个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>

每天都要收获满满!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值