小程式使用Picker遇到的坑

平時用picker大多是用時間,今天要用到普通選擇器。

官網程式碼也寫的很清楚：

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
    <view class="picker">當前選擇：{{array[index]}}</view>
  </picker>

data:{
    array: ['美國', '中國', '巴西', '日本']
}

bindPickerChange(e) {
    console.log('picker傳送選擇改變，攜帶值為', e.detail.value)
    this.setData({
      index: e.detail.value
    })
  }

但是讓我很糾結的是，我沒有用文件裡定義的這個陣列名稱array，我自己定義了一個centData，就是不出現資料，文件看了幾遍也沒找到關於這個的描述，最後把官網的複製了一遍居然好了，我才發現是陣列名稱的原因。不曉得其他人有沒有遇到過，反正我是記住了。