uniapp-中picker-view用戶不觸發channge事件也知道用戶選擇的值


我們都知道,只用用戶觸發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();
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM