element-ui table 默认全选功能实现;

这篇博客详细介绍了如何在Vue.js应用中实现表格的全选功能。通过`$refs`引用表格组件并结合`$nextTick`方法,确保DOM更新后正确设置选中状态。博主提供了具体的代码示例,演示了如何遍历`goodsList.eList`并调用`toggleRowSelection`方法来选择表格中的每一行。
摘要由CSDN通过智能技术生成

在这里插入图片描述

  methods: {
    checked() {
      const that=this
      console.log(that.goodsList)
        that.$nextTick(() => {
        for (let i = 0; i <that.goodsList.eList.length; i++) {
          that.$refs.listPowerSupplyTab.toggleRowSelection(
            that.goodsList.eList[i],
            true
          );
        }
      });
    },

记得table 增加ref
在这里插入图片描述

效果图:
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值