网站备案号信息修改,安徽网站线上开发公司,互联网道路运输便民政务服务系统,公司网络维护服务方案前往插件市场安装插件下拉搜索选择框 - DCloud 插件市场#xff0c;该插件示例代码有vue2和vue3代码
是支持微信小程序和app的
示例代码#xff1a;
templateview!-- 基础用法 --cuihai-select-search:optionsoptionsv-model该插件示例代码有vue2和vue3代码
是支持微信小程序和app的
示例代码
templateview!-- 基础用法 --cuihai-select-search:optionsoptionsv-modelvalueplaceholder请选择changeonChange/!-- 多选模式 --cuihai-select-search:optionsoptionsv-modelmultipleValuemultipleplaceholder请选择多个changeonMultipleChange//view
/templatescript
export default {data() {return {value: ,multipleValue: [],options: [{ value: 1, label: 选项1 },{ value: 2, label: 选项2 },{ value: 3, label: 选项3 }]}},methods: {onChange(value, option) {console.log(选择变化:, value, option)},onMultipleChange(values, options) {console.log(多选变化:, values, options)}}
}
/script
属性说明
属性名类型默认值说明optionsArray[]选项数据数组valueString/Number/Arraynull当前选中值multipleBooleanfalse是否多选searchableBooleantrue是否可搜索placeholderString请选择占位符文本searchPlaceholderString请选择搜索占位符disabledBooleanfalse是否禁用maxHeightString300rpx下拉框最大高度emptyTextString暂无数据空数据提示valueKeyStringvalue选项值字段名labelKeyStringlabel选项标签字段名showConfirmButtonBooleanfalse多选模式是否显示确认按钮autoCloseBooleantrue是否自动关闭下拉框单选模式
事件说明
事件名说明参数change选择变化时触发(value, option) 或 (values, options)input值变化时触发value 或 values 数据格式
[{ value: 1, label: 选项1 },{ value: 2, label: 选项2 },{ value: 3, label: 选项3 }
]
