element侧边分类树控件实现

参考element官网: https://element.eleme.cn/#/zh-CN/component/tree

一、展示分类树：

          <el-tree
            :data="treeData"
            :props="defaultProps"
            node-key="id"
            ref="tree"
            highlight-current
            @node-click="handleNodeClick"
            :filter-node-method="filterNode"
            :render-content="renderContent">
          </el-tree>

el-aside标签为左侧边布局
el-tree是左侧分类树控件，它的属性有：
:data="treeData"存储这个树的数据，展示数据，是一个Array；
:props="defaultProps"配置选项，是一个对象，
node-key=“id” 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的
ref=“tree” 标记树
highlight-current 是否高亮当前选中节点，默认值是 false。
@node-click=“handleNodeClick” 节点被点击时的回调，共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。
:filter-node-method=“filterNode” 对树节点进行筛选过滤时执行的方法， Function(value, data, node)返回 true 表示这个节点可以显示，返回 false 则表示这个节点会被隐藏
:render-content=“renderContent” 对树节点的内容区的渲染 Function Function(h, { node, data, store }

data中这样这样传值：

defaultProps:{
                  label:'name',
                  value:'id',
                  children:'children'
                },
treeData:[]

二、点击分类树回调不同的树表格内容：

在methods中添加回调方法即可。这个方法中的参数自动接收这课树点击该节点时的对象，所以可以用参数.id的方式获取id值，传入getList(this.page,obj)获取表格数据的请求方法中。

handleNodeC