使用mpvue 開發小程序 遇到的坑

閑着沒事弄個小程序練練手 整理下方便日后看

用的是iview-webapp ui插件,框架mpvue，看mpvue api 就能搭建一個小demo 上手很快

先整理一個小坑

小程序不支持select 標簽， 剛好ui 插件也沒得，看了下小程序是用picker 替代了select 看着api 就寫了一個不過對應下面的 option  是空白的 原來是range 這個屬性的問題 

 

<picker @change="handlePickerChange" :value="selectedIndex" :range="messagess">
  <view class="picker">當前消息：{{ messagess[selectedIndex] }}</view>
</picker>

在data 初始化

selectedIndex: 0,
messagess: ['本日', '本周', '本月', '本季度', '上季度', '本年', '去年']

methods:{

handlePickerChange (e) {

  console.log(e.mp.detail.value) //*
  this.selectedIndex = e.mp.detail.value
}

}