vue-lazy-table-tree

Getting Started

$3

#### npm

# install with npm
npm install vue-lazy-table-tree --save

Import the library

``

javascript

    import TableTree from 'vue-lazy-table-tree';



Add to other Vue components

javascript

    export default {

        components: {

            TableTree             

        },

    // ... data, methods, mounted (), etc.

    }

  

#### script 



    # 直接通过标签引用 具体可以参考demo/tree.html    

	

    

tree.html.



    :left='10' :page="15"

        title="值" class="table">

    {{item.displayType}}

    {{item.value}}

    

        新增

        删除



* data-list

    

    * type:

Array



    * required:

true





    对应的所以数据，参考demo.html

* expanded

    

    * type:

String



    * required:

false





    是否有默认展开配置字段，该字段内存true的时候 展开下级列表

* parentKey

    

    * type:

String



    * default:

pid





    父节点字段名称

* name

    

    * type:

String



    * default:

name





    展示的名称



* left

    

    * type:

Num



    * default:





    默认下级的偏移距离    









* title

    

    * type:

String



    * default:





    列表标题，Key这一列的表格名称   

$3



npm run dev

$3



npm run build

$3

See demo展示.

vue-lazy-table-tree

演示地址

Getting Started

$3

#### npm

# install with npm
npm install vue-lazy-table-tree --save

Import the library

``

javascript

    import TableTree from 'vue-lazy-table-tree';



Add to other Vue components

javascript

    export default {

        components: {

            TableTree             

        },

    // ... data, methods, mounted (), etc.

    }

  

#### script 



    # 直接通过标签引用 具体可以参考demo/tree.html    

	

    

tree.html.



    :left='10' :page="15"

        title="值" class="table">

    {{item.displayType}}

    {{item.value}}

    

        新增

        删除



* data-list

    

    * type:

Array



    * required:

true





    对应的所以数据，参考demo.html

* expanded

    

    * type:

String



    * required:

false





    是否有默认展开配置字段，该字段内存true的时候 展开下级列表

* parentKey

    

    * type:

String



    * default:

pid





    父节点字段名称

* name

    

    * type:

String



    * default:

name





    展示的名称



* left

    

    * type:

Num



    * default:





    默认下级的偏移距离    









* title

    

    * type:

String



    * default:





    列表标题，Key这一列的表格名称   

$3



npm run dev

$3



npm run build

$3

See demo展示.