更新记录
1.0.0(2025-12-29)
下载此版本
master
平台兼容性
uni-app(4.45)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
安装
在市场导入xf-fm-selectuni_modules版本的即可,无需import
组件关联说明
代码演示
插件使用
- 位于 uni_modules/xf-fm-select/components/xf-fm-select
- 导入插件后直接使用
<xf-fm-select title="标题" />
基本用法
<template>
<view class="page-view">
<xf-fm-select :required="true" title="这是一个标题1" bottomTip="xxx" :showPicker="false">
</xf-fm-select>
<xf-fm-select customClass="b-mt16" :required="true" bottomTip="副标题" title="这是一个标题2" tip="泡泡" :showPicker="true">
</xf-fm-select>
</view>
</template>
API
Props
| 属性名 |
说明 |
类型 |
默认值 |
| v-model:value |
当前选中项对应的值 |
object|string|number |
- |
| title |
标题 |
string |
- |
| customClass |
自定义class,小程序css样式建议用customStyle |
string |
- |
| required |
*是否必填 |
boolean |
false |
| labelKey |
当v-model:value为object类型对应的键值key |
string |
- |
| labelWidth |
标题宽度 |
object|string |
- |
| tip |
提示语 |
string |
- |
| bottomTip |
副标题(标题解释) |
string |
- |
| showPicker |
是否显示右边选择器 |
boolean |
true |
事件 Emits
| 事件名 |
说明 |
返回值 |
| click |
点击组件触发事件 |
|
| clear |
清空v-model:value值 |
|