前端Vue和Element的table禁止多选,只能选择一个

时间:2025-03-28 13:55:19
<el-table :data="materialOptions"  ref="multipleTable" @selection-change="handleSelectionChange2Purchase">
</el-table>

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

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

下面是JS代码

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