laravel - 在 vue-good-table Vue 组件中选择所有表格行（不仅是按页面）

Question

我在 Laravel 项目中使用了一个名为 vue-good-table ( https://xaksis.github.io/vue-good-table/ ) 的 Vue 组件。我只需要能够选择表中的所有记录，同时使用组件提供的分页。该组件提供此 SelectAll 功能，但问题是它仅适用于每个页面。您可以选择实际页面的所有行，但不能选择整个表格中的所有行，如下图所示：

全选示例

是否可以使用 selectAll 按钮选择所有表格行或类似的东西？

谢谢！

Answer 1

添加到您的表 @on-select-all="selectAll" 所以它看起来像：

<vue-good-table
    @on-select-all="selectAll"    
    :columns="columns"
    :rows="rows"
    :select-options="{ enabled: true }">
</vue-good-table>

并创建新方法

selectAll(){
      this.row.forEach(item=>{
        if(item.vgtSelected){
          this.$set(item,'vgtSelected', false);
        }else{
          this.$set(item,'vgtSelected', true);
        }
      },this);
    }

这应该可以解决您的问题