el-tree左侧树插件

适用场景:左右布局,左侧树图,右侧内容,点击树节点展示相应内容

1.树节点单选

2.一级节点可展开收起无法被选中

3.二级节点被选中展示相应页面

el-tree左侧树插件_第1张图片





// 示例数据
treeData: [{
        id: '1',
        label: '一级 1',
        children: [{
          id: '1-1',
          label: '一级1-1',
          children: []
        },{
          id: '1-2',
          label: '一级1-2'
        }]
      }, {
        id: '2',
        label: '二级 2',
        children: [{
          id: '2-1',
          label: '二级 2-1',
        },{
          id: '2-2',
          label: '二级 2-2'
        }, {
          id: '2-3',
          label: '二级 2-3',
        }]
      }

你可能感兴趣的:(vue.js,elementui,javascript,前端)