重读vue电商网站40之使用vue-table-with-tree-grid

安装新的依赖 vue-tabel-with-tree-grid

vue-tabel-with-tree-grid 官方文档

安装完成后，在 main.js 入口文件内先导入 tree-tabel

然后全局注册组件 tree-tabel

 

页面中，我们使用了如下属性：

data 确定我们的数据源，columns定义我们的指定列，selection-type 设置是否打开多选框，expand-type 设置是否展示展开栏，show-index 添加索引列， border 给表格添加边框。

使用模板列：

 

通过在columns 设置 type 属性值为 template，即可设置模板列。

 

然后在我们界面表格区域，添加一个 template 模板，然后设置作用域插槽 slot 为在数据块定义的模板名称 isOk