zoukankan      html  css  js  c++  java
  • Vue--修饰符

    修饰符
    修饰符 (Modifiers) 是以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。
    <form v-on:submit.prevent="onSubmit">...</form>
    • v-on能使用的修饰符:
    修饰符
    作用
    .stop
    调用 event.stopPropagation()。
    .prevent
    调用 event.preventDefault()。
    .capture
    添加事件侦听器时使用 capture 模式。
    .self
    只当事件是从侦听器绑定的元素本身触发时才触发回调。
    .{keyCode / keyAlias}
    只当事件是从特定键触发时才触发回调。
    .native
    监听组件根元素的原生事件。
    .once
    只触发一次回调。
    .left
    (2.2.0) 只当点击鼠标左键时触发。
    .right
    (2.2.0) 只当点击鼠标右键时触发。
    .middle
    (2.2.0) 只当点击鼠标中键时触发。
    .passive
    (2.3.0) 以 { passive: true } 模式添加侦听器
    • v-bind能使用的修饰符:
    修饰符
    作用
    .prop
    被用于绑定 DOM 属性 (property)。(差别在哪里?)
    .camel
    (2.1.0+) 将 kebab-case 特性名转换为 camelCase. (从 2.1.0 开始支持)
    .sync
    (2.3.0+) 语法糖,会扩展成一个更新父组件绑定值的 v-on 侦听器。
    • v-model能使用的修饰符:
    修饰符
    作用
    .lazy
    取代 input 监听 change 事件
    .number
    输入字符串转为数字
    .trim
    输入首尾空格过滤
     

  • 相关阅读:
    android studio Cannot resolve symbol '@drawable/XXX'等问题解决办法
    android面试
    Android动态增量
    客户端传递Cookie到WebView中
    Android事件传递机制
    Activity状态保存的两种方式
    Activity Window View之间的关系
    Git学习笔记
    Android Log命令常用方法
    ListView 中点击Item中的Button删除当前行
  • 原文地址:https://www.cnblogs.com/absoluteli/p/14051920.html
Copyright © 2011-2022 走看看