Elementui tree节点树再次请求数据后会自动折叠,解决方案 | 您所在的位置:网站首页 › 表格自动折叠怎么办 › Elementui tree节点树再次请求数据后会自动折叠,解决方案 |
第二种: node-key='treeId' // treeId 自己数据中的id 【大家别看别人中写的都是id 自己数据中唯一标识就是啥,就比如我的数据唯一标识就是treeId, 所以我就定义这个。数据如下!!!】 { "names":"食品", "treeId":"1", "ch": [ { "names":"方便面", "treeId":"1-1" }, { "names":"鸡蛋", "treeId":"1-2" }, { "names":"面条", "treeId":"1-3" } ] }, :default-expanded-keys="expaAndList" // expaAndList 是一个数组 在data中定义。 提交 import axios from 'axios' export default { data() { return { data:[], expaAndList:[], defaultProps: { label:"names", children:"ch" } } }, created() { this.getTreeList() }, methods: { handleNodeClick(data) { this.expaAndList = data.treeId }, submit() { setTimeout(() => { this.getTreeList() }, 1000) // 点击提交请求接口 这里用setTimeout模仿 }, getTreeList() { axios({ url:"http://localhost:8080/tree.json" }).then(res => { // console.log(res); this.data = Object.freeze(Object.assign([], res.data.data)) console.log(this.data); }) } } }这种方案也可以解决你的问题。 |
CopyRight 2018-2019 实验室设备网 版权所有 |