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毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

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

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    Angular与PHP之间的不同的请求方式(post/get)导致的传参问题
    项目当中会使用到的---获取主机名
    JavaScript eval() 函数
    PHP 数组排序
    PHP Switch 语句
    PHP strlen()函数和strpos()函数
    Array.prototype.map()和Array.prototypefilter()
    25.参考链接
    24.ArrayBuffer
    23.读懂 ECMAScript 规格
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/13669760.html
Copyright © 2011-2022 走看看