vue用touchmove控制顶层滑动

Posted 2021-03-25 feibiubiu

最近在写个人demo的时候，遇到了一个难题，就是自定义的弹窗弹出后，底层的内容还可以滑动，也就是滑动穿透了，我要的结果是让其弹窗出现后，不可以滑动底层内容，达到活动不穿透的结果，所以我用到touchmove来控制是否滑动，代码如下

<template>

　　<div class="my-popup" v-if="show" @click="closePopup" @touchmove.prevent.stop="xx">

　　　　<div class="in-center-div">

　　　　　　<slot>

　　　　　　</slot>

　　　　</div>

　　</div>

</template>

注意点：最好@touchmove要加修饰符stop和prevent，不然可能实现不了，后面跟的xx事件，里面为空就好，或者写一个retrun；