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:{},
	}
},
posted @   何人陪我共长生  阅读(10045)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示