欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序picker選擇器獲取值的2種方法示例

 更新時間:2023年03月02日 09:44:40   作者:小白兔不愛吃菜  
picker為用戶提供了多個選擇,用戶選了其中一種,但仍是需要有東西去告訴后臺用戶選了什么,下面這篇文章主要給大家介紹了關(guān)于微信小程序picker選擇器獲取值的2種方法,需要的朋友可以參考下

想要實現(xiàn)的效果:

在選擇器選擇合適的選項后,頁面顯示所選擇的內(nèi)容 

第一種方法:

//wxml頁面 
<picker bindchange="PickerChange" value="{{index}}" range="{{picker}}">
			<!-- <view class="text3">{{picker?picker[index]:''}}</view> -->
      <view class="txt">{{city}}</view>
      <image class="image-jiantou1"
           src="././image/箭頭.png"></image>
		</picker>
//js頁面
  data: {
  picker:['杭州','上海','北京'],
  index:null,
  city:'杭州'
  },
  PickerChange(e){
    console.log(e)
    this.setData({
      index:e.detail.value
    })
    if(this.data.index==0){
      this.setData({
        city:'杭州'
      })
    }
    else  if(this.data.index==1){
      this.setData({
        city:'上海'
      })
    }else{
      this.setData({
        city:'北京'
      })
    }
  },

 我們獲取到的是picker選擇器內(nèi)容相對應(yīng)的value值,所以想要獲取相對應(yīng)的內(nèi)容,還要在進行一次賦值,若是選項較少還可以使用,那要是有十幾個選項呢?這樣也太麻煩了,且看第二種方法

第二種方法:獲取到的value值是對應(yīng)的picker數(shù)組的下標(biāo)值,這樣根據(jù)獲得到的下標(biāo)獲得相對應(yīng)的值

  PickerChange(e){
    this.setData({
      city:this.data.picker[e.detail.value]
    })
  },

總結(jié)

到此這篇關(guān)于微信小程序picker選擇器獲取值的2種方法的文章就介紹到這了,更多相關(guān)微信小程序picker選擇器獲取值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論