【问题】
|
解决方案 对于前端问题有个很好的工具,就是打印日志,于是在代码里面找到指定对象,打印日志去查找 下面是我的树,别名为 tree,点击多选框的事件为 handleCheck <el-tree ref="tree" show-checkbox :check-on-click-node="true" :expand-on-click-node="true" :data="categorys" node-key="id" :props="defaultProps" @check="handleCheck" @node-expand="handleNodeExpand" @node-click="handleNodeClick" @check-change="handleCheckChange"/> 点击复选框对应监听事件的方法,携带了三个参数,第一个为当前节点的数据,由于我只需要第一个,所以我只用了第一个 // 点击复选框 handleCheck(data){ console.log(this.$refs.tree.store); this.$refs.tree.store.nodesMap[data.id].expanded = true; data.unfold = true; }, 打印日志代码:在浏览器按F12打开控制台,然后点击多选框 console.log(this.$refs.tree.store) |
---|
此处的266就刚好是节点 id,可以从data参数里面获取,所以我就可以通过下面方式获取该节点,并修改展开属性,达到展开节点的目的,自己使用时需要找对层级关系
this.$refs.tree.store.nodesMap[data.id].expanded = true;