普通选择器中rang-key属性

最新推荐文章于 2022-12-26 19:48:50 发布
最新推荐文章于 2022-12-26 19:48:50 发布
阅读量302 收藏
点赞数
分类专栏： 小程序开发 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bigboy1010/article/details/105867261
版权

在picker组件中，普通选择器有一个rang-key的属性，这个属性其实仅仅是方便看到每个数值对应的id，就是对应的e.detail.value值，也就是说没有太大的作用，普通的arr效果页一样

wxml（无rang-key）

wxml(有rang-key)，注意rang-keky的赋值，“name”或者“{{‘name’}}”都可，后者name需要单引号

js

效果（效果相同）

 

 

bigboy1010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序picker的range和range-key的用法注意
AsBefore麦小兜
09-02 3万+
通常，我们在获取后台的数据字典要显示在页面的picker中，如上图所示， 但后台传过来的参数是以数组格式传过来的数据，里面是多项json结构的数据， 在picker中显示的只是每项json结构数据中的某一项，但需要给后台传的数据却是另一项， 例如：后台给我的数据是myAnnual这个数组，我在picker上显示的是每一项数据里面的label这项，但要给后台传的参数却是value这一项。 ...
微信小程序开发中使用组件-表单组件-picker-普通选择器-(range-key)
徐泰的博客
07-28 773
小程序开发中是用 组件-表单组件-picker-普通选择器-(range-key) 一般的数组： [‘dot’, ‘cat’] 对象数组object array: categories: [ ​ {_id: 1, name: 'cat', key: 'catkey'}, ​ {_id: 2, name: 'dog', key: 'dogkey'} ] 即[object, objec...
【uni-app】普通选择器注意range-key的使用
loyd3的博客
11-22 1609
当range是一个Array时，通过range指定Object中key的值作为选择器的显示内容。: 当mode为selector或multiSelector时，range有效。当picker的mode为selector或没有mode属性时，为普通选择器。
微信小程序入坑之自定义组件
weixin_30378311的博客
08-07 214
前言 最近接触微信小程序，再次之前公司用的前端框架是vue ，然后对比发现，开发小程序是各种限制，对于开发者非常不友好。各种槽点太多，完全吐槽不过来，所以在此不多说，打算下次专门写一篇文章吐槽一下。本次主要分享下小程序自定义组件的一点思路，小程序官方提供的框架比较简陋，原始，可复用较差，没有实现自定义组件的功能，这让很多使用vue ,react前端开发非常难受。网上存在各种吐槽，也有分享实现自定...
uniapp 组件picker数据为对象时，range-key的用法
beifanggongy的专栏
12-26 2376
原先以为range-key也可以像range一样设置成为一个多维简单数组，类似于 :range-key="['name1','name2']" ，后来发现这样做是行不通的，通过 uniapp源码 发现，rangeKey定义的是string，这意味着他不能接收数组，再通过具体显示数据时的下面源码发现，rangeKey只能是一个同样的字段名。因此，rangeKey不能分别设置为name1、name2，只能像单列选择器那样设置为 :range-key="'name'" ，
rang-de
03-28
【标题】"rang-de"可能源自印度语，意为“色彩之歌”或“染色”，在印度文化中，这通常与色彩丰富的节日Holi有关，一个庆祝春天、爱与和谐的节日。在这个活动中，人们会互相投掷彩色粉末和水，象征着生活中的多彩...
Rang-Apps
03-09
在IT行业中，"Rang-Apps"可能是一个项目或应用的名称，但没有提供足够的上下文来详细解释它是什么。不过，我们可以从这个名字推测它可能与开发或设计应用程序（Apps）有关，尤其考虑到"rang"这个词在一些语言中可能...
PyPI 官网下载 | arang-0.62.tar.gz
01-09
《PyPI官网下载 | arang-0.62.tar.gz：深入理解Python ArangoDB库》 在Python的世界里，数据库的使用是不可或缺的一部分。ArangoDB是一个强大的、开源的多模式数据库，它支持文档、图形和键值数据模型。在Python...
Python库 | arang-0.1.tar.gz
04-06
资源分类：Python库 所属语言：Python 资源全名：arang-0.1.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
汇顶ble-long rang添加
最新发布
06-28
汇顶ble-long rang添加
微信小程序多列选择器range-key使用详解
08-29
主要为大家详细介绍了微信小程序多列选择器range-key的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序实现扫一扫，picker和range-key的用法
03-29
一：实现扫一扫 分享者：向往蓝天的飞鱼，来自原文地址  //index.js   //获取应用实例 var app = getApp() Page({ data: { show: "", },   onLoad: function () { console.log('onLoad') }, click: function () { var that = this; var show; wx.scanCode({ success: (res) => { this.show = "--result:" + res.result + "--scanType:" + res.scanType + "-
微信小程序picker中的rang 和rang-key
技术分享
04-04 1505
官方给出的方法   从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。 普通选择器：mode = selector 属性名 类型 默认值 说明   range Array / Object Array [] mode为 selector 或 mul...
微信小程序选择器picker中range-key的用法
weixin_43923808的博客
08-19 2127
【代码】微信小程序选择器picker中range-key的用法。
小程序组件之picker和range-key的用法
azhu3020的博客
11-03 481
因为在微信小程序的官网上并没有range-key的例子以及实际用法，所以好多人不知道具体如何使用。然后我在这里对其进行一个简单的实现，并记录一些注意事项。 以下是官网给的说明： 具体的用法： WXML： 1 <picker mode="selector" value="{{index}}" range="{{objectArray}}" b...
微信小程序picker的range和range-key用法
Thirst1的博客
03-02 1653
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
微信小程序picker的range和range-key的用法
jolieLi2019888的博客
10-29 1392
最近项目中使用了picker组件，需要将后台返回的数据显示在picker中，如下图所示： 而后端返回数据以数组格式传过来，里面是多项json结构的数据，在picker中显示的只是每项json结构数据中的某一项。 这时候，就要用到range\color{red}{range}range和range−key\color{red}{range-key}range−key这两个参数。 range 是你要显示的数组 range-key 是数组中你要显示的那一项， ⚠️ 注意的是 range="array\c
uniapp range-key 设置不生效
王元帅的博客
07-31 528
uniapp 中 picker 使用range-key
微信小程序选择器picker的range和range-key的用法
马彦虎的博客
05-22 9372
微信小程序picker的range和range-key的用法概述picker的range和range-key的用法1:在js文件中定义对象数组和下标2:在wxml中指定range和range-key总结 概述 最近在学习微信小程序中发现，官网中对选择器picker控件的range存放的是对象数组objectArray的用法描述的不是很详细，经过一番研究对picker控件的range和range-k...
antd a-rang-picked怎么计算时差
03-28
对于antd的a-rang-picked组件，你可以使用moment.js库来计算时间差。下面是一个示例代码： ```javascript import moment from 'moment'; // 获取两个时间点的时间戳 const start = moment('2022-01-01 10:00:00')....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值