Vue电商后台——树形控件TreeTable——vue-table-with-tree-grid

1.应用场景:直接把图给大家放在这里了

Vue电商后台——树形控件TreeTable——vue-table-with-tree-grid_第1张图片

2.接下来给大家说具体使用步骤:

(1).第一步: 下载树形控件的依赖

npm i vue-table-with-tree-grid -S

 (2).第二步:全局引入树形控件 || 或局部引入

⭕全局引入:在main.js中写入以下代码:

import Vue from 'vue'
import TreeTable from 'vue-table-with-tree-grid'
Vue.component('tree-table', TreeTable)

⭕局部引入:在页面中写入以下代码:

Vue电商后台——树形控件TreeTable——vue-table-with-tree-grid_第2张图片

 3.然后就是使用了

代码放在这里了,看不到的话可以左右移动哦!

 

        
        
        
      
    
  

4.然后是它的一些属性解释

table常用属性 

Vue电商后台——树形控件TreeTable——vue-table-with-tree-grid_第3张图片 columns 配置

Vue电商后台——树形控件TreeTable——vue-table-with-tree-grid_第4张图片

你可能感兴趣的:(电商后台管理系统,vue.js,javascript,前端)