户外网站 整站下载,网络建设工程师,音乐网站页面设计,镇江市建设工程安全监督站网站前提问题#xff1a;el-tree加了show-checkbox复选框属性后#xff0c;在选择完复选框后切换#xff0c;不会自动清空选中内容#xff0c;要求在切换时清空复选框选中内容#xff0c;解决过程#xff1a;设置el-tree的ref值#xff0c;使用setCheckedKeys方法可清空复选…前提问题el-tree加了show-checkbox复选框属性后在选择完复选框后切换不会自动清空选中内容要求在切换时清空复选框选中内容解决过程设置el-tree的ref值使用setCheckedKeys方法可清空复选框所选中的内容解决方法
html:
el-treehighlight-current:dataprops.menuDatanode-clickhandleClicknode-expandshowPushDatareftreeRef:expand-on-click-nodefalsenode-keyid:default-expanded-keysprops.expandIdList:show-checkboxstate.switchRelate:props{ disabled: disabledNodeClass, class: customNodeClass }:check-strictlyfalsecheckgetChecked/el-tree
div classrelateBtnel-button typeprimary clickswitch切换/el-button
/div js:
const switch () {//清空复选框勾选内容treeRef.value.setCheckedKeys([])
}
注意1.el-tree的node-key属性一定要有我第一次写的是node-keytype时setCheckedKeys未生效后改为node-keyid生效。 2.原本写node-keytype是为了default-expanded-keys属性自动展开时依据type值展开但因为这样写setCheckedKeys不生效所以改成了iddefault-expanded-keys给的值可以是一个变量将type为某某值的id全部放到一个数组里传到该属性中也可达到同样的自动展开效果。
