一个基于 elementUi的vue树形下拉框组件

# wl-vue-select，wl-tree-select

 

# 简介

用于vue框架的树形下拉框及带全选的普通下拉框。   

Tree drop-down box for vue framework and ordinary drop-down box with select all.   

本组件提供全选下拉框和树形下拉框功能。    

`wlVueSelect`这是一个基于 elementUi 的 el-select 组件的二次封装的下拉框，提供了全选功能和默认选中功能；   

`wlTreeSelect`这是一个基于 elementUi 的 el-tree 组件的二次封装的下拉框，提供了树形数据支持和默认选中功能；    

因这两个需求非常普遍，所以作为一个独立插件发布。    

[el-select](https://element.eleme.cn/#/zh-CN/component/select)

 

## [在线访问](https://hql7.github.io/)

 

### 主要发布记录

> 0.4.8 修复树形下拉框，子节点全部选中时，父节点无法取消的问题

 

## 快速上手

 

`npm i wl-vue-select --save`

 

或

 

`npm i wl-vue-select -S`

 

使用

 

``` jsvascript

import wl from "wl-vue-select";`

import "wl-vue-select/lib/wl-vue-select.css"

Vue.use(wl);

```

 

``` template

    <wlVueSelect

      v-model="value"

      :props="props"

      :data="data"

      multiple

      default-select

    ></wlVueSelect>

    <p>----------分割线------------</p>

    <wlTreeSelect

      leaf

      width="240"

      checkbox

      :data="treeData"

      @change="hindleChanged"

      v-model="selected"