更新记录
1.0.0(2026-01-16)
下载此版本
初版
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
多端适配分级联动选择器
支持弹窗/内联双模式,省市区/自定义分类联动,带关键词检索,兼容 H5/小程序/App。
功能亮点
- 双模式展示:弹窗模式(底部弹出)、内联模式(直接嵌入页面)
- 检索功能:支持关键词/拼音检索(需数据源带 pinyin 字段)
- 多端适配:基于 uni-app 原生组件,无平台兼容问题
- 灵活配置:自定义触发颜色、弹窗高度、占位符等
属性说明
| 属性名 |
类型 |
必填 |
默认值 |
说明 |
| options |
Array |
是 |
- |
数据源,格式:[{label: '', value: '', children: []}] |
| mode |
String |
否 |
popup |
展示模式,可选值:popup/inline |
| placeholder |
String |
否 |
请选择 |
弹窗模式默认提示文字 |
| enableSearch |
Boolean |
否 |
false |
是否启用检索功能 |
事件说明
| 事件名 |
说明 |
返回参数 |
| confirm |
确认选择后触发 |
{labels: [], values: [], fullData: []} |
使用示例
<linkage-selector
:options="regionOptions"
mode="popup"
enableSearch
@confirm="handleConfirm"
></linkage-selector>