- 在完成分配菜单勾选后把角色id和管理的菜单id列表存储到数据库里的时候,如图
出现bug:
**Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘getCheckedKeys’)” **
代码是这样的:
saveRoleMenu(){
this.request.post("/role/roleMenu/" + this.roleId,this.$refs.tree.getCheckedKeys()).then(res => {
console.log(res)
})
反复排查后,还是没有找到解决,最后尝试着在element官网上看,是怎么使用。最后发现,是少加了一个参数
ref=“tree”
<el-tree
:props="props"
:data="menuData"
show-checkbox
node-key="id"
ref="tree"
:default-expanded-keys="expands"
:default-checked-keys="checks">
- 加上ref="tree"后,就成功运行
所以在看视频或者看别人的解决方案解决不了时,可以试着去看看官方文档使用里面,是不是自己少加了什么…