mpVue中使用小程序自带组件 picker

最近开始开发小程序,多方对比后选择了mpvue,特来记录开发过程中的一些坑,这是第一坑

picker组件

html部分

<picker 
  mode="date" 
  :value="date" 
  start="2015-09-01" 
   //坑在这里,不能使用小程序自带的bindchange,使用@
   @change="dateChange"> 
         <view class="picker">
                当前选择: {{date}}
           </view>
</picker>

js部分

data(){
    return {
        date:'' //不填写默认今天日期,填写后是默认日期
    }
},
method:{
    dateChange: function (e) {
        console.log('picker发送选择改变,携带值为',  e.mp.detail.value)
         //注意:不是官网的e.detail.value,而是 e.mp.detail.value
    },
}
Logo

前往低代码交流专区

更多推荐