element-ui tree 实现单选并且只能选一个
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
话不多说直接就是干
// 选择会触发getname方法
getname() {
// 获取当节点的值
var getlist = this.$refs.tree.getCheckedNodes().concat(this.$refs.tree.getHalfCheckedNodes());
// 循环遍历当前节点的值
for (var i in getlist) {
// 判断子节点是否存在子节点 如果存在直接请求并且提示 false
if(!getlist[i].hasOwnProperty("children")) {
// 判断是否只选择一个 如果存在直接请求并且提示 false
if(getlist.length == 1) {
console.log(getlist[0].id)
}else {
this.$message.error("只选择一个节点");
this.$refs.tree.setCheckedKeys([]);
return
}
}else {
this.$message.error("只能选择当前分类最后的子分类");
this.$refs.tree.setCheckedKeys([]);
return
}
}
},
一起看一下效果吧
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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)