在el-tree中如何获取菜单项的索引（index）

Question

老师你好，在el-tree绑定数据时，如何获取每项菜单的索引呢？我遇到的问题如下：

checkList: [ { checkList: [ ] }, { checkList: [ ] }, { checkList: [ ] } ] //这是checkList的数组结构

在代码中，我尝试用 data. treeNodeId，和node.id作为数组的index和checkList数组进行绑定，可是data.treeNodeId和node.id获取到的id值并不总是和菜单顺序相符，如：第一项菜单，data.$treeNodeId和node.id获取到的值大多数情况下是1，则代码运行正常，但是不知道为什么有时候不是1，这样就导致checkList数组匹配失败。应该怎么解决这个问题呢？

先谢谢老师和同学们！

Answer 1

提问者 小学教师 2020-07-24 17:16:10

先谢过了。我想要的效果是：
怎么将checkList中的checkList数组绑定到el-checkbox-group中?
<el-checkbox-group v-model="这里应该怎么写">
最后我想要的效果就是，当我给checkList中的checkList数组赋值时，el-checkbox-group就会更新是否被选中的状态。

Answer 2

扬_灵 2020-07-23 18:05:30

同学你好，我不是太明白你想要实现的效果，能不能把你的需求说一下，想要实现什么效果，如果你想要实现自定渲染的话使用，可以使用scoped-slot 会传入两个参数node和data，分别表示当前节点的 Node 对象和当前节点的数据。如果不能解决你的问题，可以继续追问。

• 提问者 小学教师 #1

  先谢过了。我想要的效果是：
  怎么将checkList中的checkList数组绑定到el-checkbox-group中?
  <el-checkbox-group v-model="这里应该怎么写"> 
  最后我想要的效果就是，当我给checkList中的checkList数组赋值时，el-checkbox-group就会更新是否被选中的状态。

• 扬_灵 回复 提问者 小学教师 #2

  如果tree的data属性中没有id的话那么他的id是从1开始的。你可以在渲染内部自定义内容时你可以获取data中的唯一标示，将这个和checkList建立一个联系，在渲染的时候直接将根据这个标示找checkList数组