uview中Picker选择器 点击页面数据延迟问题

在uniapp开发中,很多用户都使用到了uview这个组件,当然开发小程序之类的,我们经常会使用到Picker 选择器,用的过程中很容易发现这个组件有一个坑就是,点击页面的时候,数据会延迟,

刚开始我还是以为是数据层级过深导致页面不刷新,使用了this.$forceUpdate()之后,发现还是不行,结果我发现只需要在Picker组件上加上一个属性就好了

解决方法:

加上 :immediateChange ="true"就可以了,这样就可以实时监听到数据的变化

<!-- 弹出框 -->
	<u-picker 
        :show="isShowPopup" 
        :columns="columns" 
        @confirm="confirmPopup" 
        @cancel="closePopup" 
        keyName="address" 
        immediateChange>
    </u-picker>

希望能帮助到你!

引用\[1\]中的代码是关于uni-popup和uni-picker-view组件的使用示例。这段代码展示了如何创建一个弹出框,并在弹出框中使用picker-view组件来选择单位。在这个示例中,picker-view组件的值是通过bindChange方法来获取的,同时还使用了immediate-change属性来实现立即执行。\[1\] 引用\[2\]提到了一个关于uni-datetime-picker组件在苹果手机上的bug。问题的原因是在scroll-view中使用了uni-datetime-picker组件。解决办法是将uni-datetime-picker的最外层scroll-view元素改为普通的view,并在最外层view的css中加上overflow-y: scroll。这样可以解决在苹果手机上的显示问题。\[2\] 综上所述,uni-picker-view组件是一个用于选择器的组件,可以在uni-app中使用。它可以用于创建各种类型的选择器,如日期选择器、时间选择器等。在使用uni-picker-view组件时,可以通过bindChange方法来获取选择的值,并可以使用immediate-change属性来实现立即执行。同时,需要注意在使用uni-datetime-picker组件时,避免将其放在scroll-view中,以免出现显示问题。 #### 引用[.reference_title] - *1* *3* [uni-app内置组件picker-view和uni-popup的使用注意事项](https://blog.csdn.net/m0_60605042/article/details/131010064)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [uniapp中uni-datetime-picker组件被scroll-view组件遮掩问题](https://blog.csdn.net/qq_51741194/article/details/128254883)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值