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

问题描述

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})
        })
    },

你可能感兴趣的:(前端)