| 树形控件父节点不选中，只能选中子节点，如何实现？ | 您所在的位置：网站首页 › 如何设置复选框为选中状态栏显示 › 树形控件父节点不选中，只能选中子节点，如何实现？ |
树形控件父节点不选中，只能选中子节点，如何实现？
|
rTree 树形控件一级菜单没有复选框，子菜单有复选框，如何实现？_阿 尭的博客-CSDN博客 接上一篇博客，继续深入功能，如何只选中叶子节点而不选中父节点。
1.在节点被点击时的回调，node-click中，返回的对象中加上一个属性leaf。 父节点的leaf为false，子节点为true。 handleNodeClick(node) { this.selectedDep = { name:node.name, id:node.nodeId, Order:node.Order, leaf:node.leaf==false?false:true } console.log('selectedDep',this.selectedDep); }, 取 消 确定选择2.在点击确定的时候，判断一下node.leaf为true还是false，若为false则不能返回出去，传递给子组件。
3.在子组件中收到父组件传递的值为对象，循环遍历拿到对象的属性，进行绑定值渲染在页面上。 emitSubmit(selectedDepArr,selectedDep) { if (selectedDepArr.length) { this.TechnicalTitleArr = selectedDepArr; console.log(" this.TechnicalTitleArr", this.TechnicalTitleArr); this.names = this.TechnicalTitleArr.map((obj) => obj.name); this.ruleForm.rmhgwyzj = this.names.join(" "); } else { console.log('selectedDepArr',selectedDepArr); if (selectedDepArr.name) { this.ruleForm.rmhgwyzj = selectedDepArr.name; } } this.isShow = false; }, 任免后公务员职级: {{ ruleForm.rmhgwyzj ? ruleForm.rmhgwyzj : '请选择' }} |
【本文地址】
公司简介
联系我们