下拉多选框(vMultiSelect)

下拉选择框内部直接调用了下拉列表组件,也可以直接参考下拉列表

单组件引入

import <name> from ‘vucc/multi-select’;

示例



点击选择






代码 V

<v-multi-select :data="multiDataList" :append-style="{width: '200px'}" v-model="multiResList">
    <v-button>点击选择</v-button>
</v-multi-select>
<v-multi-select :has-search="false" :filter="search" :data="multiDataList" :append-style="{width: '200px'}"
                v-model="multiResList">
    <v-search v-model="search"></v-search>
</v-multi-select>



属性

参数 说明 类型 可选值 默认值
data 传入组件数据,用于渲染,data内部的3个可选值,展示label的优先级为,randerLi > label > value,具体使用方法参看综合示例 Object - -
resultList 绑定外部数据对象的结果 Array - -
isDisabled 下拉列表是否可以选择 Boolean - false
isOpened 下拉列表是否显示 Boolean - false
cancelText 取消按钮的展示文字 String - ‘取 消’
okText 确定按钮的展示文字 String - ‘确 定’

方法

方法名 说明 类型 可选值 默认值
onOk 确定按钮的回调函数 Function - -
onCancel 取消按钮的回调函数 Function - -
← 选择框(vSelect) 下拉列表(vDropdown) →