前端Vue和Element的table禁止多选,只能选择一个
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<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 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)