更新记录

1.1.4（2020-09-17） 下载此版本

修复了一些bug

1.1.3（2020-01-10） 下载此版本

无

1.1.2（2019-10-29） 下载此版本

1. 修复了安卓端没有任何反应
2. 原来的:selectList='selectList' 改为v-model='selectList'

平台兼容性

select-tree 二级树形多选组件

二级树形多选组件，组件名：select-tree

组件预览

使用方式：

在 script 中引用组件 (默认可以不传selectList,默认有供你预览的数组)

import selectTree from "@/components/select-tree/select-tree"
export default {
    components: {selectTree}
}

一般用法

// 组件
  <select-tree @choose='choose' :selectList='selectList' ref='selectTree'></select-tree>
// script
<script>
import selectTree from "@/components/select-tree/select-tree"
 export default {
        components: {
            selectTree,
        },
          data() {
            return {
                selectList:  [
                    {
                        name: '水果',
                        checked: false,
                        show: false,
                        childrenList: [
                            {
                                checked: false,
                                name: '西瓜',
                            }, {
                                checked: false,
                                name: '桃子'
                            }
                        ]
                    },
                    {
                        name: '工具',
                        checked: false,
                        show: false,
                        childrenList: [
                            {
                                checked: false,
                                name: '锄头'
                            }, {
                                checked: false,
                                name: '铲子'
                            }
                        ]

                    }
                ]
            }
        },
        methods: {
            choose(e){
                console.log(e)
                //返回参数说明
            },
            chooseAll(){
                this.$refs.selectTree.chooseAll()
            },
            cancelAll(){
                this.$refs.selectTree.cancelAll()
            }
        },
    }
</script>

options 参数说明

事件说明：

必须的基本参数说明

selectList:[
  {
    name: '水果',//一级树形的名字
    checked: false,//一级树形复选框是否选中
    show: false,//二级菜单是否展示
    childrenList: [
        {
          checked: false,//二级树形复选框是否选中
          name: '西瓜',//二级树形的名字
        }, {
          checked: false,
          name: '桃子'
        }
    ]
   }]

返回参数预览