vue使用树形表格vue-table-width-tree-grid的用法

npm i vue-table-with-tree-grid

2.在main.js中使用

import TreeTable from ‘vue-table-with-tree-grid’

Vue.component(‘tree-table’, TreeTable)

3.在组件中使用

首页

商品管理

商品列表

添加分类

<tree-table

class=“treeTable”

:data=“catelist”

:columns=“columns”

:selection-type=“false”

:expand-type=“false”

show-index

index-text=“#”

border

:show-row-hover=“false”

<i

class=“el-icon-success”

v-if=“scope.row.cat_deleted === false”

style=“color: lightgreen”

一级

二级

三级

{{ scope.row }}编辑

删除

<el-pagination

@size-change=“handleSizeChange”

@current-change=“handleCurrentChange”

:current-page=“queryInfo.pagenum”

:page-sizes=“[3, 5, 10, 15]”

:page-size=“queryInfo.pagesize”

layout=“total, sizes, prev, pager, next, jumper”

:total=“total”