微信小程序picker中的rang 和rang-key
官方给出的方法
从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。
普通选择器：mode = selector
| 属性名 | 类型 | 默认值 | 说明 | |
|---|---|---|---|---|
| range | Array / Object Array | [] | mode为 selector 或 multiSelector 时，range 有效 | |
| range-key | String | 当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容 | ||
| value | Number | 0 | value 的值表示选择了 range 中的第几个（下标从 0 开始） | |
| bindchange | EventHandle | value 改变时触发 change 事件，event.detail = {value: value} | ||
| disabled | Boolean | false | 是否禁用 | |
| bindcancel | EventHandle | 取消选择或点遮罩层收起 picker 时触发 |
其中两个地方说的不是特别明显
就是rang 和rang-key
如果是数组是这种
option3: ['艺术推广', '艺术推广2', '艺术推广3'],只需要rang就好
当时如果是键值对的形式
就需要rang-key
前段代码
<view class="row-wrap">
<view class="label">应聘岗位</view>
<picker name="position" class="label-right inputText" bindchange="bindchange3" value="{{option3[index3].title}}" range='{{option3}}' range-key="{{'title'}}">
<view class="select_picker select-r">
{{option3[index3].title}}
<image mode="aspectFit" class="select_arrow" src="../../images/icon_right.png"></image>
</view>
</picker>
</view>
option3: [{id：1,title:'艺术推广'},{id:1,titleL:'测试项'}]；
微信小程序picker中的rang 和rang-key相关推荐
- 解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题 项目需求: 一个信息提交页面:有input输入框,有picker选择器 遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...
- 关于微信小程序开发中遇到的缺少game.json问题的解决
关于微信小程序开发中遇到的缺少game.json问题的解决 参考文章: (1)关于微信小程序开发中遇到的缺少game.json问题的解决 (2)https://www.cnblogs.com/ygxd ...
- 解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...
- 全栈开发工程师微信小程序-上(中)
全栈开发工程师微信小程序-上(中) width: 750rpx; 复制代码 750rpx代表与屏幕等宽,rpx的缩写responsive pixel,这个单位是可以根据屏幕大小进行自适应调整的像素单位 ...
- 微信小程序 data中数据值的更改与储存
微信小程序 data中数据值的更改与储存 this.setData this.setData 直接更改 success(res){this.setData({list:res.data.data}) ...
- 微信小程序font-family中提供的十四种字体
微信小程序font-family中提供的十四种字体 链接:https://blog.csdn.net/include_IT_dog/article/details/98382276
- 微信小程序map中polyline的坑
微信小程序map中polyline的坑 polyline polyline层级 polyline 如果大家写过小程序的map地图应该就知道polyline的功效,说白了就是画线的,我在自己的项目中主要 ...
- 微信小程序开发过程中出现的内存泄漏问题
微信小程序开发过程中出现的内存泄漏问题 问题描述 微信小程序项目中,有两个页面多次来回切换,(我这个项目数因为 有 再来一次,和 回顾本次 的功能 所以要在答题页和分数页来回切换)就会报错 VM333 ...
- java写微信小程序答辩问题_微信小程序 开发中遇到问题总结
微信小程序 开发中遇到问题总结 1.由于小程序wx.request()方法是异步的,在app.js执行ajax后,各分页加载app.js的全局数据时,无法按顺序加载.例: //app.js App({ ...
- 微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法
微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法 Math.pow()函数是不能负数开立方的,会返回Null,因为对于计算机而言,负数开三次方是一个复数(实际上负数开三 ...
最新文章
- AI之父图灵登上50英镑钞票，荣耀比肩牛顿达尔文；吴恩达：将激励更多人
- Python代码打包成exe文件
- PHPcms框架的Webshell
- Javascript中交换两个变量值的十种方法相关笔记（一）
- Protobuf import文件导入其他proto
- 再也不学AJAX了！（一）AJAX概述
- TheFatRat自动化渗透工具
- java生成json格式数据 和 java遍历json格式数据
- FTP-文件传输协议
- 如何用计算机设置热点,电脑技巧：怎么用电脑设置wifi热点
- 基于python+django框架+Mysql数据库的疫苗预约系统设计与实现
- win2003 序列号
- 鸿蒙轻量级数据存储Preferences
- 启用特殊池解读 0x000000c5 蓝屏
- 鼠鼠百科——普适计算
- 骑士cms文件包含getshell复现
- 这是计算机房吗 用英语怎么写,城镇英文怎么说_城镇的英文怎么写 - 沪江英语...
- 【181126】VC++开发的GIS系统源码无错完整版源代码
- 计算机视觉中的自监督学习与注意力建模
- 计算机弹奏春风十里报新年,春风吹十里,好运新一年〈春风十里报新年〉接个吻，开一枪/火鸡/吕口口/Lambert/杨胖雨「尤克里里+吉他弹唱谱」...