1. 程式人生 > >使用mpvue 開發小程式 遇到的坑

使用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}
}