uniapp和vue3+ts创建自定义下拉选择框组件

使用uniapp开发小程序的时候,使用了uview的ui组件,但是里面没有下拉选择组件,只有Picker 选择器,但是我们想要使用下拉选择的组件,所以需要自定义个一个下拉选择的自定义组件,我就只能自己动手创建这个自定义组件了,支持:多选,单选,下拉框在框内还是框外

实现的效果:

uniapp和vue3+ts创建自定义下拉选择框组件_第1张图片

uniapp和vue3+ts创建自定义下拉选择框组件_第2张图片

自定义组件源代码:Select.vue


 

 

父组件调用:






使用参数说明:

monIndex:选中的值列表

options:可选项列表

multiple:是否为多选

downInner:下拉箭头是否在选择框内

showValueClear:是否显示单个删除

disabled:是否禁用

placeholder:占位符

slabel:label标签展示某项

svalue:value选中的值

你可能感兴趣的:(多端开发,uni-app,vue.js,前端)