这段代码展示了如何在 Vue.js 应用中遍历树形数据结构，并根据指定的 ID 禁用已选择的节点。`setDisabled` 方法接受树数据和已选节点 ID 数组作为参数，通过递归遍历数据并设置匹配项的 `disabled` 属性为 true，从而实现已选择节点的编辑禁止功能。
data(){
return{
treeBudgetSelect:[],
budgetIds:[3,4]
}
}
methods:{
this.setDisabled(this.treeBudgetSelect, this.budgetIds)
// 已经选择的不能编辑
setDisabled(treeData, key) {
key.forEach(k => {
const loop = (data) => {
for (const item of data) {
if (item.treedataid === k) {
item.disabled = true
break
}
if (item.childList && item.childList.length) {
loop(item.childList)
},
}
}
loop(treeData)
})
},
}
5767
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
