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

来源:13-2 电子书树状目录展示

小学教师

2020-07-23

图片描述

老师你好,在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数组匹配失败。应该怎么解决这个问题呢?

先谢谢老师和同学们!

写回答

2回答

小学教师

提问者

2020-07-24

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

0
0

扬_灵

2020-07-23

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

0
2
扬_灵
回复
小学教师
如果tree的data属性中没有id的话那么他的id是从1开始的。你可以在渲染内部自定义内容时你可以获取data中的唯一标示,将这个和checkList建立一个联系,在渲染的时候直接将根据这个标示找checkList数组
2020-07-24
共2条回复

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程,一套中小型企业通用的后台管理系统

2829 学习 · 1714 问题

查看课程