uview组件的popup弹出层下页面可以滑动问题

凣喵

已于 2022-12-02 16:06:20 修改

阅读量1.5k

点赞数 1

文章标签：前端

于 2022-12-02 16:05:12 首次发布

本文链接：https://blog.csdn.net/qq_45300351/article/details/128149592

版权

问题描述

uview组件的popup弹出层下页面可以滑动

	<u-popup :show="showPhone" @close="close" @open="open" bgColor="transparent" :closeOnClickOverlay="true"
            class="call-popup popup-show">
            <PhonePopup  @phoneClose="showPhone = false" :phone="info.phone"></PhonePopup>
    </u-popup>

解决方案：

阻止popup弹层的touchmove事件

     mounted () {
        const popup = document.querySelectorAll('.popup-show')
        popup.forEach(item=>{
            item.addEventListener('touchmove',e=>{
                e.preventDefault()
                e.stopPropagation()
            },{passive:false})
        })
    },