首页 > 移动平台 > 详细

uni-app中picker-view显示默认值的注意点(坑)

时间:2020-09-14 22:43:24      阅读:1313      评论:0      收藏:0      [点我收藏+]
今天我在使用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:{},
	}
},

uni-app中picker-view显示默认值的注意点(坑)

原文:https://www.cnblogs.com/ishoulgodo/p/13669685.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!