遇到的bug（1）

1. 在完成分配菜单勾选后把角色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"后，就成功运行

所以在看视频或者看别人的解决方案解决不了时，可以试着去看看官方文档使用里面，是不是自己少加了什么…