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

     修饰符
    在上例使用的 event.pr巳ventDefault()也可以用 Vue 事件的修饰符来实现,在@绑定的事件后加 小圆点“.”,再跟一个后缀来使用修饰符。 Vue 支持以下修饰符:
    • .stop 
    • .prevent 
    • .capture 
    • .self 
    • .once 
    具体用法如下:
    < !一阻止单击事件冒泡 一〉 
    <a @click.stop=”handle"></a> 
    〈!一提交事件不再重载页面 一〉
     <form @submit.prevent="handle”></form> 
    〈 !一修饰符可以串联一〉 
    <a @click.stop.prevent=”handle”></a> 
    〈 !一只有修饰符一〉
    <form @submit . prevent></form> 
    〈 !一添加事件侦听器时使用事件捕获模式一〉 
    <div @click. capture=”handle ” > ... </div> 
    〈 !一只当事件在该元素本身(而不是子元素) 触发时触发回调一〉
     <div @click.self=”handle”> ... </div> 
    < !一只触发一次,组件同样适用一〉 
    <div @click.once=”handle”> ... </div> 
    在表单元素上监昕键盘事件时,还可以使用按键修饰符,比如按下具体某个键时才调用方法:
    < !一只有在 keyCode 是 13 时调用 vm . submit ()一〉 <input @keyup.13=“ submit”〉
    

      

    新鲜刺激的东西永远都有,玩之前掂量掂量自己几斤几两
  • 相关阅读:
    被忽视的调试工具Swagger
    MongoDB操作
    js获取当月第一天和最后一天
    vue中 关于$emit的用法
    map和flatmap的区别
    element 的el-dialog 浮层嵌套,第二次弹出的会被遮住
    el-table加背景色
    java 正则表达式匹配
    Python自动化测试 (七)logging 日志模块
    git安装配置与使用
  • 原文地址:https://www.cnblogs.com/banxianer/p/13703907.html
Copyright © 2011-2022 走看看