element el-tree 自定义表格

  作者:chrispy

代码:<el-treeclass="table-tree":data="treeData1"node-key="id":default-checked-keys="[5]":props="{children:'children',label:'label'}"show-checkbox><spanclass="cust

代码:

<el-tree class="table-tree" :data="treeData1node-key="id" :default-checked-keys="[5]" :props="{children: 'children'label: 'label'}" show-checkbox>

            <span class="custom-tree-node" slot-scope="{ node }">

              <span class="tree-label" :title="node.label">{{ node.label }}</span>

              <span class="tree-label">一级</span>

              <span class="tree-label">1020389301</span>

              <span class="tree-label"><i class="el-icon-star-off"></i></span>

              <span class="tree-label" title="https://element.faas.ele.me/#/zh-CN/component/icon">https://element.faas.ele.me/#/zh-C...</span>

              <span class="tree-label">启用</span>

              <span class="tree-label" title="制权限控制权限控制权限控制权限控制">控制权限控...</span>

            </span>

          </el-tree>


效果:

有用  |  无用

猜你喜欢