更新记录
1.4(2024-07-31) 下载此版本
添加过滤
1.3(2024-07-31) 下载此版本
修改package
1.2(2024-07-31) 下载此版本
添加package.json
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
| 参数 | 是否必填 | |
|---|---|---|
| v-model | 是 | 组件绑定的值 |
| option | 是 | 下拉弹出框的数组列表 |
| placeholder | 否(默认请选择数据) | 没有选择数据的默认提示 |
| labelProp | 否(默认:label) | 弹出框的数据按照哪个字段展示 |
| valueProp | 否(默认:value) | 弹框中选中的数据返回给v-model的值的字段 |
| title | 否(默认:请选择) | 弹框的标题 |
| disabled | 否(默认:false) | 是否禁用 |
| filterabled | 否(默认:false) | 是否需要添加过滤功能 |
注意本插件依赖 uni-popup 和uni-icons需要去插件库自己下载
使用实例:
<zs-select-popup
v-model="type"
:option="datalist"
placeholder="请选择数据"
labelProp='label'
valueProp='id'
title='请选择分类'
>
</zs-select-popup>
datalist=[
{
label:'三木1',
id:1
},
{
label:'三木2',
id:2
},
{
label:'三木3',
id:3
},
{
label:'三木4',
id:5
}
]

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 93
赞赏 0
下载 11079036
赞赏 1804
赞赏
京公网安备:11010802035340号