##小程序的picker的取值 都是通过index 去取

<picker @change="statusChange" value="{{statusIdx}}" range="{{statusSel}}">
<view class="picker">
状态 <text class="iconfont icon-down"></text>
</view>
</picker>
data = {  
statusSel: ['全部', ''请假, '休假', ],
statusIdx: 0,
orderStatus: '全部',

  
}
statusChange () { 
this.statusIdx = e.detail.value
this.orderStatus = this.statusSel[this.statusIdx]

}
但是现在需要 key value 的类型 range-key 便起作用
<picker @change="useChange" value="{{useIdx}}" range="{{useList}}" range-key="{{'key'}}">
<view class="weui-select weui-select_in-select-after">{{useList[useIdx].key}}</view>
</picker>

data =  {
statusSel: [{"key":"alle"',value:'全部'},{"key":",},]
}
useChange(e) {
this.useIdx = e.detail.value
this.financingUse = this.useList[this.useIdx].key
},

转载于:https://www.cnblogs.com/whh-16/p/9714376.html

小程序-picker之key-value形式相关推荐

  1. 小程序picker标题_微信小程序-自定义picker选择器

    avatar 为什么要自定义picker 原生小程序picker不支持自定义样式,无联动. 该自定组件 支持自定义数据 支持自定义样式 支持传入和返回对象或者基本类型 支持联动(改变父列,子列根据关联 ...

  2. 小程序picker下拉框选择时间,只需要年和月

    小程序picker下拉框选择时间,只需要年和月 官方提供的组件可以选择到日 我们现需要选择到月,只需要在代码里加上fields="month" <view class=&qu ...

  3. 微信小程序选择框问题 小程序picker点击显示object range-key=这里写要显示的字段

    微信小程序选择框问题 小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...

  4. 小程序弹窗的几种形式

    小程序弹窗的几种形式 一.wx.showToast(Object object) 显示消息提示框 1.不带图标的信息提示 wx.showToast({title: '服务暂未开通',icon: 'no ...

  5. 小程序——picker组件

    转载:https://www.cnblogs.com/bgwhite/p/9335648.html 小程序自带的picker组件,picker一共分为三类 普通选择器:mode = selector ...

  6. 微信小程序的省市区三级地址mysql_微信小程序picker实现的省市区三级联动

    微信小程序的省市区三级联动需要使用到的是Picker多列选择器,参考文档:https://www.w3cschool.cn/weix..., 案例中用到的省市区的json文件在文后发出出来. 废话不多 ...

  7. 关于微信小程序picker之multiSelector多列选择器

    文章目录 前言 使用步骤 1.wxml 2.读入数据 总结 前言 由于业务场景,需要使用自定义内容的多列选择器,自然而然选择了微信小程序官方提供的picker选择器,mode模式为multiSelec ...

  8. range 小程序picker_微信小程序picker滚动选择器使用详解

    今天修改小程序做章节内容筛选使用到了picker滚动选择器,看了官方文档和一些网上的文章后,终于算是弄明白了这个组件的使用,这里把我对这picker滚动选择器的使用记录下: picker基础使用 pi ...

  9. 微信小程序picker组件

    在小程序的开发应用中,我们会经常用到picker组件. 官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.h ...

最新文章

  1. ios snapkit m_如何使用自动布局和SnapKit在iOS上创建漂亮的拉伸布局
  2. Hadoop集群的基本操作(二:HBase的基本操作)
  3. ae制h5文字动画_AE动画在H5设计中的应用研究
  4. 用C语言编写小学四则运算程序,用C语言编写生成小学四则运算程序
  5. import 和from... import的作用,导入模块or导入函数
  6. 这篇Cell里面的GSEA展示很不错!
  7. Failed to read artifact ......明明之前可以的
  8. requestmapping注解作用_Java高级架构师-Spring 注解编程之注解属性别名与覆盖
  9. 数据库读写锁的C++实现
  10. 轻松掌握shell编程中数组的常见用法及示例
  11. 应用安全 - 代码审计 - Python
  12. 入门到 精通 JavaScript中的正则表达式RE、RegExp
  13. 通过共享文件夹来进行前后端独立开发
  14. 最全Pycharm教程(6)——将Pycharm作为Vim编辑器使用
  15. 数据库 索引超出了数组界限
  16. 树莓派摄像头远程拍照及传输
  17. java一天一只顽猴想去从山脚_六年级上册语文一课一练(附答案)
  18. spring BeanUtils.copyProperties只拷贝不为null的属性
  19. 使用Python发送邮件(QQ邮箱为例)
  20. 树莓派配置热点官网操作指引

热门文章

  1. 【全面完美方案】iPhone 4S WiFi变灰 DIY修复方式
  2. SQL Server 2012安装错误案例:Error while enabling Windows feature: NetFx3, Error Code: -2146498298...
  3. pcl画圆球_PCL 可视化-阿里云开发者社区
  4. TPLINK-WR720N刷openwrt
  5. 耿国华c语言程序设计,C语言程序设计课程教学探究.doc
  6. 使用ASP.NET 2.0中的GridView控件
  7. 浅谈格斗游戏的精髓——方块的战争
  8. 手把手,快速搭建 Cocos2d-HTML5 开发调试环境
  9. 如何营造游戏的打击感
  10. vim写python_用 Vim 写 Python 的最佳实践