uni-app中picker-view顯示默認值的注意點(坑)


今天我在使用picker-view的時候,發現無法給picker-view給一個默認值;后面經過發現后;
才知道到,是一個異步問題;
1==>動態循環出來的數據,在data中直接循環,不要在return中去寫,否者可能不會出現自己定義展示的默認值;

2==》根據官網的描述,:value="valieList" 中的valieList是一個數組,並且數組里面是數字,
    因為它是通過下標去尋找默認展示的值

<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() {
	// 初始數據必須在這里進行設置 否者不能夠顯示出默認的值
	let hov=[];
	let mim=[];
	for(let i=0;i<24;i++){
		if(i<10){
			hov.push("0"+i)
		}else{
			hov.push(i)
		}
	};
	for(let j=0;j<60;j++){
		if(j<10){
			mim.push("0"+j)
		}else{
			mim.push(j)
		}
	};
	return {
		title: 'picker-view',
		/**
		 * 解決動態設置indicator-style不生效的問題
		 */
		hoverhover:hov,
		minmin:mim,
		valieList:[0,0],
		selectscooldata:{},
	}
},


免責聲明!

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



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