代码:要有pid:xxx methods: {getCheckedNodes() {varrad=''varridsa =this.$refs.tree.getCheckedKeys().join(',')// 获取当前的选中的数据[数组] -id, 把数组转换成字符串varridsb =this.$refs.tree.getCheckedNodes()// 获取当前的选中的数据{对象}ridsb.forEach(ids=>{//获取选中的所有的父级idr...
let parentKeys=that.$refs.tree.getHalfCheckedKeys(); roles= checkedKeys.concat(parentKeys).toString(',');//保存的roles 这样保存成功后,再次进入的效果是这样的: 原因是:半选的【系统管理】以及【菜单管理】也被提交进行保存。在使用【default-checked-keys】时,父节点是选中状态,子节点会自动被勾选。 ...
let childeArr = this.$refs.treeForm.getCheckedKeys(); let arr = childeArr.concat(parentArr); this.permissionIds = arr; }, //取消 cancel() { this.isShowPermissionTree = false; this.savedPermissionIds = []; this.getPermissionTree(); }, //获取树形权限列表 getPermissionTree() { menulis...
el-tree组件在获取选择的节点时,默认的逻辑是,选中父节点时所有的子节点会被选中(checked),但是当该节点下不是选中所有子节点的时候,主节点不会被选中,而是处于一种半选中状态,提交时通过getCheckedKeys()方法也不会提交父节点,因为半选中状态下checked属性是false的。 项目中通常会有这样的需求 解决办法 通常如果...
将三级权限的id值存入defKeys中,使用递归 实现角色授权功能 使用getCheckedKeys、getHalfCheckedKeys方法获取已选中、班选中的Id,将其作为请求参数进行角色授权。 使用展开运算符… 将数组展开放入数组中 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xeWG96AU-1610455526733)(…/img/image...
12345.png 主要代码: this.$refs.tree.getCheckedKeys()// 可以在methods里面直接使用,前提是要设置<el-tree node-key="id"></tree> 全部代码: <template><el-tree:data="treeData"show-checkboxnode-key="id"ref="tree"highlight-current:props="defaultProps"></el-tree>取消确认</template>export defaul...
getKeys(){ var menuIds =this.getCheckedKeys(this.permitData,this.$refs.tree.getCheckedKeys(),'id') }, getCheckedKeys(data,keys,key){ var res = [];recursion(data,false); return res; function recursion(arr,isChild){ var aCheck = []; ...
167 * If the node can be selected (`show-checkbox` is `true`), it returns the currently selected array of nodes' keys 168 * 169 * @param leafOnly If the `leafOnly` is `true`, it only returns the currently selected array of sub-nodes 170 */ 171 getCheckedKeys(leafOnly?: ...
简介:element ui tree组件setCheckedKeys报错 Error innextTick: “TypeError: Cannot read properties of undefined (reading ‘setCheckedKeys’)” 记得把nextTick方法放在this.permsDialogVisible = true的后面 //打开分配权限对话框allocatePerms(row) {//获取当前打开的用户所拥有的权限树this.$http.get(`menu/...
步骤: 模板中定义ref <el-tree ref="tree"node-key="code"show-checkboxclass="el-tree":indent="0":data="routeList":props="defaultProps":highlight-current="true":default-expand-all="true":expand-on-click-node="false":render-content="renderContent":default-checked-keys="menuIds"@check="handl...