el-tree-table

Project setup

npm install el-tree-table

#Usage

import ElTreeTable from 'el-tree-table'

###注册全局

Vue.component('el-tree-table',ElTreeTable)

###局部引用

components: {

  'el-tree-table': ElTreeTable
  
}
 

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

#Demo

     export default {
         name: 'app',
         data() {
             return {
                 list: [
                     {
                         title: 'title1',
                         description: 'description1-1',
                         children: [
                             {
                                 title: 'subTitle1-2',
                                 description: 'description1',
                                 children: [
                                     {
                                         title: 'subTitle1-2',
                                         description: 'description1'
                                     },
                                     {
                                         title: 'subTitle1-3',
                                         description: 'description1'
                                     },
                                     {
 
                                         title: 'subTitle1-4',
                                         description: 'description1'
                                     }
                                 ]
                             },
                             {
                                 title: 'subTitle1-3',
                                 description: 'description1'
                             },
                             {
 
                                 title: 'subTitle1-4',
                                 description: 'description1'
                             }
                         ]
                     },
                     {
                         title: 'title2',
                         description: 'description1',
                         children: [
                             {
                                 title: 'subTitle2-2',
                                 description: 'description1'
                             },
                             {
                                 title: 'subTitle2-3',
                                 description: 'description1'
                             },
                             {
 
                                 title: 'subTitle2-4',
                                 description: 'description1'
                             }
                         ]
                     },
                     {
                         title: 'title3',
                         description: 'description1'
                     },
                     {
 
                         title: 'title4',
                         description: 'description1'
                     }]
             }
         }
 
     }
 </script>
 

#Document

增加一个参数draggable type:Boolean 是否可以拖动
其他配置同 el-table 一样

@See http://element.eleme.io/#/en-US/component/table