更新记录
1.0.0(2022-11-01)
下载此版本
上传初始版本。
将printg-components中的XPicker与XSwitch放置自己的组件目录即可
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
XPicker与XSwitch:封装官方的picker与switch组件,支持v-model绑定值
参考官方组件:
picker
switch
使用方法与自定义组件一致,引入使用即可
自定义组件参考链接
XSwitch参数说明
| 参数 |
说明 |
默认值 |
类型 |
| value |
绑定值 |
必填 |
布尔值 |
| disabled |
是否禁用 |
false |
布尔值 |
XSwitch用例
<x-switch
v-model="selectValue"
:disabled="false"
></x-switch>
XPicker参数说明
| 参数 |
说明 |
默认值 |
| value |
绑定值 |
必填 '1' |
| options |
选项列表 |
必填。[{value:'1',label:'吃饭'}] |
| disabled |
是否禁用 |
false |
| labelKey |
显示值的键名 |
label |
| valueKey |
值的键名 |
value |
| @change |
选择值改变后触发,返回当前选中的对象 |
返回值:[{value:'1',label:'吃饭'}] |
XPicker用例
<x-picker
v-model="selectValue"
:options="selectOptions"
label-key="label"
value-key="value"
:disabled="false"
@change="handleSelectChange"
></x-picker>