zoukankan      html  css  js  c++  java
  • 7、VUE事件

    1、事件处理

    Vue.js使用v-on指令监听DOM事件来触发JS回调函数。

    V-on: 缩写为 @

     

    事件回调函数可以传入$event这个事件对象。

     

    2、事件修饰符

         在事件处理程序中调用event.preventDefault()或者event.stopPropagation()是很常见的。尽管我们可以在事件处理函数中轻松实现这点,但更好的方式是:事件处理函数只是纯粹的数据逻辑,而不是去处理DOM事件细节。

         为了解决这个问题,Vue.jsv-on提供了事件修饰符。通过由“.”来调用修饰符。

     

    2.1. .stop

    .stop修饰符用来阻止事件冒泡。

     

    2.2. .prevent

    .prevent修饰符取消事件的默认动作。

     

    2.3. .capture

          .capture修饰符捕获冒泡事件,优先执行。

         

    2.4. .self

         .self只在当前控件触发事件,事件不会传播。

     

    2.5. .once

           .once事件只会执行一次。

     

    3、表单处理

    3.1. V-mode数据绑定

         使用v-model指令在表单控件上创建双向数据绑定。

        

     V-model会忽略所有表单元素的vauecheckedselected特性的初始值,因为它会以模型层的数据作为初始值。

     

     

     

    3.2. V-mode修饰符-lazy

     

    3.3. V-mode修饰符-number

     

    3.4. V-mode修饰符-trim

     

  • 相关阅读:
    java面试的那些事
    java多线程实现复制大文件
    java心跳发送
    Java实现缓存(LRU,FIFO)
    java并发阻塞队列
    java之路
    Intellij IDEA中使用Protobuf的正确姿势
    Flink JobManager HA模式部署(基于Standalone)
    查看Flink的Job Graph时的问题
    Flink从Kafka 0.8中读取多个Topic时的问题
  • 原文地址:https://www.cnblogs.com/schangxiang/p/11397889.html
Copyright © 2011-2022 走看看