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

<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 );
    },