app和网站的关系,可信网站验证服务,重庆勘察设计网,网站公告栏设计背景#xff1a;项目上需要实现树状选择#xff0c;点击父级禁用子级的功能#xff0c;element组件本身没有该配置项说明#xff1a;需要实现几个功能点#xff1a;点击父级禁用子级#xff1b;再次点击取消禁用#xff1b;仅回填所选级#xff1b;上下级不关联实现代码…背景项目上需要实现树状选择点击父级禁用子级的功能element组件本身没有该配置项说明需要实现几个功能点点击父级禁用子级再次点击取消禁用仅回填所选级上下级不关联实现代码
// 获取树状结构时保存一份原始数据-用于下次禁用前恢复状态
this.originTreeList _.cloneDeep(this.treeOptions) // 保存原始数据// 选项变化时候进行处理
async onChange(val) {this.treeOptions _.cloneDeep(this.originTreeList) // 还原选项状态this.handleDisable() // 处理禁用... // 其他操作
}
// 禁用处理
async handleDisable() {await this.$nextTick()_.forEach(this.$refs.packageTree.getCheckedNodes(), (e) {this.disableChildren(e)})
},
disableChildren(node) {if (node.children) {_.forEach(node.children, (child) {this.$set(child.data, disabled, true)this.disableChildren(child)})}
},
