更新记录
1.0(2024-06-19)
下载此版本
针对原生picker进行封装
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
针对原生的picker的封装,使用方式如下:
<li-picker
v-model="form.discountType"
:rangeList="[
{ id: 1, text: `特价` },
{ id: 2, text: `折扣` },
{ id: 3, text: `买一送一` },
{ id: 4, text: `第二份半价` },
]"
/>
属性 |
说明 |
v-model |
绑定的值 |
rangeList |
选项列表 |
rangeKey |
显示的标签的属性名,默认是id |
rangeValue |
绑定值所对应的列表属性 |
notFoundText |
绑定列表无法显示是使用,默认是 “无” |
disabled |
是否禁用,默认是false |