更新记录
1.4(2024-07-31) 下载此版本
添加过滤
1.3(2024-07-31) 下载此版本
修改package
1.2(2024-07-31) 下载此版本
添加package.json
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
参数 | 是否必填 | |
---|---|---|
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
}
]