前端Vue和Element的table禁止多选,只能选择一个
Vue和ElementUI
·
<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 );
},
更多推荐
已为社区贡献1条内容
所有评论(0)