el-tree-table v1.0.0

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

       <div id="app">
           <el-tree-table :data="list" draggable>
               <el-table-column label="title" prop="title"/>
               <el-table-column label="description" prop="description"/>
           </el-tree-table>
       </div>
   </template>
 <script>
 
     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