zoukankan      html  css  js  c++  java
  • vue中 修饰符

    .stop 阻止事件继续传播
    .prevent 阻止标签默认行为
    .capture 使用事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理
    .self 只当在 event.target 是当前元素自身时触发处理函数
    .once 事件将只会触发一次
    .passive 告诉浏览器你不想阻止事件的默认行为

    使用修饰符时,顺序很重要;相应的代码会以同样的顺序产生。因此,用v-on:click.prevent.self会阻止所有的点击,而 v-on:click.self.prevent 只会阻止对元素自身的点击。

    二、 v-model的修饰符


    <1> .lazy
    默认情况下,v-model同步输入框的值和数据。可以通过这个修饰符,转变为在change事件再同步。

     <2> .number
    自动将用户的输入值转化为数值类型

     <3> .trim
    自动过滤用户输入的首尾空格

    三、键盘事件的修饰符


    在我们的项目经常需要监听一些键盘事件来触发程序的执行,而Vue中允许在监听的时候添加关键修饰符:

     对于一些常用键,还提供了按键别名:

    全部的按键别名:

    .enter
    .tab
    .delete (捕获“删除”和“退格”键)
    .esc
    .space
    .up
    .down
    .left
    .right
    修饰键:

    .ctrl
    .alt
    .shift
    .meta

  • 相关阅读:
    Codeforces Round #596 (Div. 2, based on Technocup 2020 Elimination Round 2)
    Codeforces Round #592 (Div. 2)
    日常杂谈
    vc_redist x64 或者x86下载地址
    windows terminal编译实录
    刷机,twrp,安装xposed
    博客迁移公告
    tcpdump实用笔记
    分享一篇企鹅的暑期实习生技术面经验
    visudo使用笔记
  • 原文地址:https://www.cnblogs.com/swjRH/p/13688044.html
Copyright © 2011-2022 走看看