博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序-picker之key-value形式
阅读量:5134 次
发布时间:2019-06-13

本文共 836 字,大约阅读时间需要 2 分钟。

##小程序的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

你可能感兴趣的文章
结对编程项目-四则运算
查看>>
magento添加面包屑
查看>>
CentOS6编译装载nbd模块
查看>>
Lansys PV 1.2 1CD(化工容器强度计算软件)
查看>>
ps指令详解
查看>>
微信内置浏览器调起外部浏览器打开指定网页连接
查看>>
仿百度文库实现文档在线预览
查看>>
第九周学习总结
查看>>
python面向对象的特殊方法和单例模式
查看>>
400电话为什么叫免费电话?
查看>>
ADO.NET编程(4)根据条件查询DataTable的值
查看>>
Linux 学习手记(5):使用Vim文本编辑器
查看>>
小程序组件与模板之模板传值与交互。
查看>>
第二十三天
查看>>
对Linux内核中进程上下文和中断上下文的理解
查看>>
PHP
查看>>
Thinkphp3.2邮件发送
查看>>
预测!显卡容量10年左右会超过500GB。■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■...
查看>>
把txt格式数据制作成xml数据
查看>>
CSS设置文本——行间距
查看>>