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

最新推荐文章于 2024-12-20 15:44:41 发布

水果贝塔

最新推荐文章于 2024-12-20 15:44:41 发布

阅读量2k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/weixin_41559579/article/details/112611847

版权

Vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了如何在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
          );
        }
      });
    },