Tree树形控件(element UI)下添加节点内容

最新推荐文章于 2024-07-18 15:51:06 发布

逐梦十年

最新推荐文章于 2024-07-18 15:51:06 发布

阅读量2.7k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44008119/article/details/118368906

版权

本文探讨了如何在Element UI的树形控件中实现动态添加节点内容，尤其是在存在层级嵌套关系的情况下。通过为每个层级设置不同的stagetype值，并利用v-if指令进行条件判断，实现了不同层级显示不同页面的效果。建议避免使用router路由跳转以防止路径重复，除非路由id是唯一的。

摘要由CSDN通过智能技术生成

首先明确难点：

树形控件存在层级嵌套关系，需要完成的功能是点击一个层级按钮，显示一种页面，每一层的页面不一样。

思路;

给每一层分别赋值stagetype值

 data() {
      return {
        type:"",
        stagetype:"",
        showorhiden :false,
        /* 默认显示第几张页面 */
        activeName: '',
        data: [{
          label: '节点1',
          stagetype:123,
          children: [{
            label: '通道1',
            stagetype:456,
            children: [{
              label: '设备1',
              stagetype:789,
            }]
          }]
        }, {
          label: '节点2',
        stagetype:123,
          children: [{
            label: '通道2',
            stagetype:456,
            children: [{
              label: '设备2',
              stagetype:789,
            }]
          }, {
            label: '通道2',
          
            children: [{
              label: '设备2',