iview-tree-select
v1.1.1
Published
mutiple level tree selector
Downloads
42
Maintainers
Readme
iview-tree-select
![npm version] (https://img.shields.io/badge/npm-1.1.1-brightgreen.svg)
基于iview进行二次开发的级联树状选择组件,支持无限级,多选,中英文搜索(注:使用前先引入iview,否则无法使用)
效果
安装
npm install iview-tree-select --save
引入
CommonJs
const treeSelect = require('iview-tree-select');
es6
import treeSelect from 'iview-tree-select';
##调用方式
<treeSelect v-model="value" :data="data" size="small" :width="200" />
##参数说明 1 data 数据源,格式如下: [ { value: '001', label: '北京', children: [ { value: '0011', label: '故宫', disable: true }, { value: '0012', label: '天坛' } ] } ] 2 v-model 初始化选中的项,类型为数组,如果不想设置初始化选中的项,请传递一个空数组 3 size 即iview定义的size,用于设置组件尺寸,不传使用默认尺寸,可选large,small 4 multiple 是否多选 5 width 文本框宽度,类型为数字,不传默认100% 6 disabled 是否可以选择 7 maxHeight 选择面板的最大高度,类型为数字,默认400,超出时出现滚动条 8 maxWidth 选择面板的最大宽度,类型为数字,默认400,超出时出现滚动条 9 renderOptions 是否渲染下拉选项,默认true 10 parentNodeAllow 父节点是否可以选择,默认true
##方法说明 1 getSelectNodes 获取被选中的节点对象
##事件说明 1 click 点击事件,参数true或者false,代表显示或者隐藏下拉框