我們都知道,只用用戶觸發change事件的時候,我們才知道,用戶選擇的是哪一個值;
如何用戶沒有觸發change事件,我們壓根就不知道用戶選擇的是哪一個值;
那么什么時候,用戶不會觸發change事件了?
就是在用戶選擇第1個值的時候;就點擊了確認;
那么此時就不會去觸發change事件
解決辦法:
給picker-view給一個默認值,然后通過e.detail&&e.detail.value
來判斷用戶選擇的值
<picker-view class="picker-view"
:value="valieList"
@change="bindChange">
<picker-view-column>
<view class="item" v-for="(item,index) in hoverhover" :key="index">{{item}}時</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in minmin" :key="index">{{item}}分</view>
</picker-view-column>
</picker-view>
data(){
return{
數據省略
}
}
bindChange(e) {
console.log('e',e)
this.selectscooldata=e;
if(e.detail&&e.detail.value){
//說明用戶選擇的了
this.$emit('click',e.detail.value);
}else{
}
},
當用戶點擊確認按鈕的時,在判斷一下,就知道用戶是不是選擇的默認值了
confirm(){
if(this.selectscooldata.detail&&this.selectscooldata.detail.value){
//用戶選擇了值,觸發了change事件
}else{
//說明用戶選擇的是默認值
this.$emit('click',[0,0]);
}
this.$refs.wenzi.close();
}
