zoukankan      html  css  js  c++  java
  • 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:{},
    	}
    },
    
    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    JavaScript ---Function
    win7(x64)安装scrapy框架
    [转]mysql性能优化-慢查询分析、优化索引和配置
    [原创]win7环境下搭建eclipse+python+django开发环境
    [原创]Python/Django使用富文本编辑器XHeditor上传本地图片
    Ubuntu下mysql使用
    [整理] mysql操作
    [原创]Sql2008 使用TVP批量插入数据
    一个js获取数组下标的函数
    深入理解js的prototype以及prototype的一些应用
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/13669685.html
Copyright © 2011-2022 走看看