element el-tree 自定义表格

代码：

<el-tree class="table-tree" :data="treeData1" node-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>

效果：

有用  |  无用 取消

猜你喜欢