uniapp,小程序或APP的底部弹出的滚动选择组件picker,三级联动,选择地址。

简介: uniapp,小程序或APP的底部弹出的滚动选择组件picker,三级联动,选择地址。

这个元素直接就可以生成底部弹出效果看图:

image.png

这里说下最基础的用法,实现上图效果

/*@change是点击确认的回调,
range是绑定的数组对象,
range-key是指定对象中key值作为选择器显示内容
value是值表示选择了range中的第几个下标,
mode是选择的弹出层类型*/
<picker @change="bindPickerChange" :range="array" range-key="name" :value="value"mode="selector">
  这是内容区
</picker>
//data里的数据
array: [{
  name: '国家机关、党群组织、企业、事业单位负责人'
  }, {
  name: '专业技术人员'
  }, {
  name: '办事人员和有关人员'
  }],

image.png

更多操作用法请看官方文档

相关文章
|
2月前
|
数据挖掘
uniapp uview扩展u-picker支持日历期间 年期间 月期间 时分期间组件
uniapp uview扩展u-picker支持日历期间 年期间 月期间 时分期间组件
93 10
|
2月前
|
搜索推荐 JavaScript 数据可视化
uniapp/vue个性化单选、复选组件
uniapp/vue个性化单选、复选组件
104 5
|
2月前
|
数据可视化 大数据 API
低代码可视化开发-uniapp新闻跑马灯组件-代码生成器
低代码可视化开发-uniapp新闻跑马灯组件-代码生成器
102 2
|
2月前
|
存储 API 数据库
uniapp APP自动更新组件
uniapp APP自动更新组件
75 1
|
2月前
Uniapp矩阵评分组件
Uniapp矩阵评分组件
53 1
|
2月前
|
移动开发 编解码 数据可视化
低代码可视化-uniapp SliderRange区间组件-代码生成器
SliderRange区间组件是一种用户界面元素,允许用户通过拖动滑块选择数值范围。组件支持微信小程序、H5和App,具有高度可定制性、响应式设计和多种事件处理功能。适用于价格筛选、音量调节等场景。代码实现包括滑动区域、滑块、事件处理等部分,支持可视化配置步长、颜色等属性。使用时需注意选择合适步长、提供清晰标签和考虑无障碍设计。
39 0
|
2月前
|
编解码 数据可视化 API
DIY可视化UniApp表格组件
DIY可视化UniApp表格组件
45 0
|
2月前
|
机器学习/深度学习 算法 数据可视化
UniApp手机滑块验证组件代码生成器
UniApp手机滑块验证组件代码生成器
74 0
|
2月前
|
前端开发 JavaScript
uniapp纯CSS实现圆形进度条组件
uniapp纯CSS实现圆形进度条组件
102 0
|
4月前
【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn
【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn