### select-tree 二级树形多选组件

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

**组件预览**

![image.png](http://dlhtx.zicp.vip:3000/img/1568968685815.png)

**使用方式：**

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

最新版将:selectList = 'selectList' 更改为 v-model='selectList'

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

一般用法

```html
// 组件
  <select-tree @choose='choose' v-model='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|Array|是|传入二维数组|
|showCheck|Boolean|否|控制多选框是否显示|
|disableLv2Check|Boolean|否|控制二级多选框disabled|

**事件说明：**

|事件名称|说明|返回参数|
|:--|:---|:--|
|choose|点击选项按钮时触发事件|[lv1_value: { ...item }, lv2_value: { ...item2 }]|

**组件内部方法: **
|方法名称|说明|返回参数|
|:--|:---|:--|
|chooseAll|主动选中所有子页面所有层级|无|
|cancelAll|主动取消所有子页面所有层级|无|

**必须的基本参数说明**
``` javascript
selectList:[
  {
    name: '水果',//一级树形的名字
    checked: false,//一级树形复选框是否选中
    show: false,//二级菜单是否展示
    childrenList: [
        {
          checked: false,//二级树形复选框是否选中
       	  name: '西瓜',//二级树形的名字
        }, {
          checked: false,
          name: '桃子'
        }
    ]
   }]
```
**返回参数预览**

![image.png](http://dlhtx.zicp.vip:3000/img/1568968740956.png)

**修复过程**
http://dlhtx.zicp.vip:9090/#/blogDetail?blogId=12438