Elementui tree节点树再次请求数据后会自动折叠,解决方案 您所在的位置:网站首页 表格自动折叠怎么办 Elementui tree节点树再次请求数据后会自动折叠,解决方案

Elementui tree节点树再次请求数据后会自动折叠,解决方案

2024-06-26 21:42| 来源: 网络整理| 查看: 265

第二种: 

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 实验室设备网 版权所有