今天我在使用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:{},
}
},