小程序 如何获取picker普通选择器的值,而不是下标

简介: 小程序 如何获取picker普通选择器的值,而不是下标

wxml

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
    <button type="default">单列选择器---{{array[index]}}</button>
 </picker>

{{array[index]}} 是显示选择器中的值


js

 

bindPickerChange: function(e) {
          var index = this.data.index 
          console.log('picker发送选择改变,携带下标为'+ e.detail.value)
          console.log('picker发送选择改变,携带值为'+this.data.array[index])
          this.setData({
               index: e.detail.value,
          })
     },

this.data.array[index] 就是获取值的方法,也可以换成this.data.array[e.detail.value]


所以,在别的方法中调用的时候就是this.data.array[this.data.index]

目录
相关文章
|
8月前
|
存储 小程序 JavaScript
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
【微信小程序】-- 表单组件 - picker 实现日期选择器(五十三)
|
JSON 小程序 JavaScript
|
8月前
|
小程序 前端开发
实现微信小程序picker 省市区 自定义数据 支持三级联动
实现微信小程序picker 省市区 自定义数据 支持三级联动
209 0
|
JSON 小程序 前端开发
微信小程序picker选择器渲染json数据
微信小程序picker选择器渲染json数据
80 0
|
小程序 开发工具 开发者
微信小程序日期选择器显示当前系统年月日时分
微信小程序日期选择器显示当前系统年月日时分
187 0
|
小程序 JavaScript 前端开发
picker选择器(下拉框)以及传值问题
微信小程序picker选择器(下拉框)以及传值问题
133 0
|
JSON 小程序 JavaScript
微信小程序-vant-weapp日期选择器的使用(年月日时分)
微信小程序-vant-weapp日期选择器的使用(年月日时分)
349 0
|
小程序 JavaScript
如何获取微信小程序picker为值而不是下标(仅需一行代码实现)
近期写一个微信小程序form表单提交的页面,在用到文档中的pick选择器中,发现获取只能成下标,导致与后端交互很不好,于是研究了一下,具体实现请看下面,先附上官网地址
300 0
|
小程序
小程序:picker-view选择器快速滚动,确认时,”值显示错误“
小程序:picker-view选择器快速滚动,确认时,”值显示错误“
369 0
|
前端开发 小程序 Java
CSS3 选择器、Sass选择器、在小程序中使用的选择器(wxss为例)
CSS3 选择器、Sass选择器、在小程序中使用的选择器
577 0