<el-table :data="materialOptions"  ref="multipleTable" @selection-change="handleSelectionChange2Purchase">
</el-table>

绑定ref是用来清空已经选择的。

@selection-change是用来选择的绑定方法,el的官网上可以看这个方法的描述。

下面是JS代码

 handleSelectionChangePurchase(selection ) {
      if (selection.length>1) {
         this.$modal.msg("禁止多选");
        this.$refs.multipleTable.clearSelection();
        return;
     }
      if (this.selection.length==0) {
        this.selection = selection;
      } else {
        this.$modal.msg("禁止多选!为你清空选项");
        this.selection = [];
         // multipleTable与table的ref绑定的一样
        this.$refs.multipleTable.clearSelection();
      }
       console.log(selection );
    },

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐