vue+ element ui 樹形控件tree實現(xiàn)單選功能
每天進步一點點~ 加油！
需求：
1：父子節(jié)點不關(guān)聯(lián)赴涵，且垄琐，
2：父節(jié)點不顯示復(fù)選框蹦肴，并且不傳值給后端
3：實現(xiàn)單選
1：解決父子節(jié)點不關(guān)聯(lián)
//check-strictly
<el-tree
:props="props"
:load="loadNode"
check-strictly
show-checkbox
@check-change="handleCheckChange">
</el-tree>
2：父節(jié)點不顯示復(fù)選框
****注意：****
如果標簽上有scoped 會有樣式修改失敗的情況，去掉之后揽涮，在el-tree前加當(dāng)前頁面的id或者class就可以了抠藕，也可以 避免樣式污染
//
.el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner{display: inline-block;}
.el-tree .el-tree-node .el-checkbox .el-checkbox__inner{display: none;}
3：實現(xiàn)單選
<el-tree
:props="props"
ref="treeList"
:load="loadNode"
check-strictly
show-checkbox
@check-change="handleCheckChange">
</el-tree>
handleCheckChange(data, checked, tree) {
if (checked) {
this.currentNodeData.id = data.id
this.$refs.treeList.setCheckedNodes([data.id])
}
},
如果對小伙伴們有幫助，大家別忘了 雙擊點贊哦
