zoukankan      html  css  js  c++  java
  • vue 遮罩层阻止默认滚动事件

    vue中提供 @touchmove.prevent 方法可以完美解决这个问题。

    <div class="child" @touchmove.prevent ></div>

    vue同时还提供了其他的修饰符:

    阻止单击事件继续传播 :

    <a v-on:click.stop="doThis"></a> 

    提交事件不再重载页面 : 

    <form v-on:submit.prevent="onSubmit"></form> 

    修饰符可以串联  :  

    <a v-on:click.stop.prevent="doThat"></a> 

    只有修饰符  :

    <form v-on:submit.prevent></form> 

    添加事件监听器时使用事件捕获模式, 即元素自身触发的事件先在此处理,然后才交由内部元素进行处理 :

    <div v-on:click.capture="doThis">...</div> 

    只当在 event.target 是当前元素自身时触发处理函数 ,即事件不是从内部元素触发的 :

    <div v-on:click.self="doThat">...</div>
  • 相关阅读:
    1
    iulg
    实验10
    作业5 指针应用
    作业4 函数应用
    实验9 指针
    实验 8 数组2
    实验7
    实验6 数组1
    实验5
  • 原文地址:https://www.cnblogs.com/myfate/p/11414433.html
Copyright © 2011-2022 走看看