zoukankan      html  css  js  c++  java
  • uniapp-中picker-view用户不触发channge事件也知道用户选择的值

    我们都知道,只用用户触发change事件的时候,我们才知道,用户选择的是哪一个值;
    如何用户没有触发change事件,我们压根就不知道用户选择的是哪一个值;
    
    那么什么时候,用户不会触发change事件了?
    就是在用户选择第1个值的时候;就点击了确认;
    那么此时就不会去触发change事件
    
    解决办法:
    给picker-view给一个默认值,然后通过e.detail&&e.detail.value
    来判断用户选择的值
    
    <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(){
     return{
      数据省略
     }
    }
    
    bindChange(e) {
    	console.log('e',e)
    	this.selectscooldata=e;
    	if(e.detail&&e.detail.value){
                    //说明用户选择的了
    		this.$emit('click',e.detail.value);
    	}else{
                
            }
    },
    
    当用户点击确认按钮的时,在判断一下,就知道用户是不是选择的默认值了
    confirm(){
    	if(this.selectscooldata.detail&&this.selectscooldata.detail.value){
                //用户选择了值,触发了change事件
    	}else{
                   //说明用户选择的是默认值
    		this.$emit('click',[0,0]);
    	}
    	this.$refs.wenzi.close();
    }
    

    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

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

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

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

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

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    AtCoder Grand Contest 49
    Kotlin Heroes 5: ICPC Round 题解 (A-H)
    轮盘赌随机选择算法
    洛谷P1579.验证哥德巴赫猜想(DFS+素性测试)
    洛谷P1308.统计单词数(字符串匹配)
    洛谷P1149.火柴棒等式(暴力搜索)
    洛谷P1036.选数(DFS)
    洛谷P1028.数的计算(动态规划)
    Python对list操作的一些小技巧
    图的DFS和BFS(邻接表)
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/13669760.html
Copyright © 2011-2022 走看看