vue用touchmove控制顶层滑动

Posted feibiubiu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue用touchmove控制顶层滑动相关的知识,希望对你有一定的参考价值。

最近在写个人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;
 

以上是关于vue用touchmove控制顶层滑动的主要内容,如果未能解决你的问题,请参考以下文章