模板网站的坏处,中信建设有限责任公司企查查,乐清市城乡建设局网站,温岭网络推广公司背景#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)})}
},
