iview 级联选择组件_基于iView-Cascader的多选级联选择器

一次Vue项目中需求本来是单选的级联选择器,本来很简单因为iView组件里有,结果产品更改需求到要求实现Vue多选级联选择器,先在网上找了一下想偷个懒结果发现没有,所以这算奇葩需求吗 hah

cascader-multi

效果预览

install 安装

npm i cascader-multi --save

use 使用

在main.js中写入下面的代码

import cascaderMulti from "cascader-multi";

Vue.use(cascaderMulti);

接下来，你就可以在页面中使用cascader-multi了

end_code = array" :data="end_codes" placeholder="状态码">

export default {

data () {

return {

end_code: [],

end_codes: []

}

}

}

属性

说明

类型

默认值

data

用于渲染页面的数据

Array

无

value

默认已选择数据项

Array

无

multiple

是否支持多选

Boolean

false

filterable

是否支持搜索

Bo