位置: IT常识 - 正文

Vue常用修饰符(vue修饰词)

编辑:rootadmin
Vue常用修饰符 在vue中有以下几种常用修饰符

推荐整理分享Vue常用修饰符(vue修饰词),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue .prop修饰符,vue的常用修饰符,vuejs修饰符,vue .prop修饰符,vue的修饰符async,vue修饰词,vue修饰词,vuesync修饰符,内容如对您有帮助,希望把文章链接给更多的朋友!

1. 事件修饰符 - 处理 DOM 事件细节

2. 按键修饰符 - 为 v-on 在监听键盘事件时添加按键修饰符

Vue常用修饰符(vue修饰词)

3. 系统修饰键 - 实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

4. 鼠标按钮修饰符 - 限制处理函数仅响应特定的鼠标按键

5. 表单修饰符 - v-model增强的修饰符

一、事件修饰符1. .stop - 阻止单击事件继续传播, 也就是阻止冒泡2. .prevent - 提交事件不再重新加载页面, 可以用来阻止表单提交的默认行为

注意点: .stop和.prevent可以串联在一起使用,都会生效

3. .capture - 内部元素触发的事件先在此处理,然后才交由内部元素进行处理4. .self - 只当在 event.target 是当前元素自身时触发处理函数,即事件不是从内部元素触发的

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

5. .once - 点击事件将只会触发一次, 不只能对原生DOM时间生效,还可以用在自定义组件上6. .passive - 立即触发默认行为,能够提升移动端性能,和.prevent一起使用时.prevent会被忽略并警告7. .native - 使用时将被当做原生的HTML标签看待,绑定事件可以生效二、按键修饰符1. .keyup - 键盘抬起2. .keydow - 键盘按下3. 按键码 - 在按键修饰符后面添加,用于监听键盘按下哪个键常用按键码: .enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right三、系统修饰键 .ctrl.alt.shift.meta可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

注意点: 修饰键与常规按键不同,在和 keyup 事件一起用时,事件触发时修饰键必须处于按下状态。

.exact 修饰符 - 使用系统修饰符时使用可以单击系统修饰键触发,不适用系统修饰符时使用四、鼠标按键修饰符 .left - 只有鼠标左键点击触发.right - 只有鼠标右键点击触发.middle - 只有鼠标中键点击触发五、表单修饰符1. .lazy - 在表单输入时不会马上显示在页面,而是等输入完成失去焦点时才会显示在页面2.  .trim - 过滤表单输入时前后的空格3. .number - 限制输入数字或将输入的数据转为数字

注意点: 如果先输入数字,会限制只能输数字, 如果先输字符串则相当于没加.number

本文链接地址:https://www.jiuchutong.com/zhishi/300893.html 转载请保留说明!

上一篇:半监督学习(SEMI-Supervised Learning)(什么是半监督算法)

下一篇:Moment.js的基本使用(js中move)

  • oppok9s电池多少毫安(oppok9电池续航怎么样)

    oppok9s电池多少毫安(oppok9电池续航怎么样)

  • 三星a70s怎么截屏(三星a7手机截图怎么截)

    三星a70s怎么截屏(三星a7手机截图怎么截)

  • 打印机卷纸怎么解决(打印机卷纸怎么拿出来)

    打印机卷纸怎么解决(打印机卷纸怎么拿出来)

  • 华为手机怎么查真伪(华为手机怎么查询生产日期)

    华为手机怎么查真伪(华为手机怎么查询生产日期)

  • 小米10青春版防水吗(小米10青春版防抖吗)

    小米10青春版防水吗(小米10青春版防抖吗)

  • 魅族17和17pro区别(魅族17和17pro区别外观)

    魅族17和17pro区别(魅族17和17pro区别外观)

  • 内存插槽坏了什么症状(内存插槽坏了开不了机)

    内存插槽坏了什么症状(内存插槽坏了开不了机)

  • 淘宝店铺资金要冻结多久(开淘宝店资金)

    淘宝店铺资金要冻结多久(开淘宝店资金)

  • 11promax发热严重(iphone11promax 发热)

    11promax发热严重(iphone11promax 发热)

  • kindle出现感叹号电池(kindle出现感叹号怎么开机)

    kindle出现感叹号电池(kindle出现感叹号怎么开机)

  • 短信隐藏提醒有什么用(短信隐藏提醒有什么影响)

    短信隐藏提醒有什么用(短信隐藏提醒有什么影响)

  • 京东30天无忧体验是什么意思(京东30天无忧体验怎么用)

    京东30天无忧体验是什么意思(京东30天无忧体验怎么用)

  • 微信朋友圈显示一条线(微信朋友圈显示三天可见怎么设置)

    微信朋友圈显示一条线(微信朋友圈显示三天可见怎么设置)

  • qq重要数据被删除怎么恢复(不小心把qq重要数据删了怎么办)

    qq重要数据被删除怎么恢复(不小心把qq重要数据删了怎么办)

  • 40mp是多少像素(40m的照片像素是多少)

    40mp是多少像素(40m的照片像素是多少)

  • 苹果xr怎么降回原来的系统(苹果xr怎么降回原来版本)

    苹果xr怎么降回原来的系统(苹果xr怎么降回原来版本)

  • 抖音能看到好友的访问吗(抖音能看到好友在哪个直播间吗)

    抖音能看到好友的访问吗(抖音能看到好友在哪个直播间吗)

  • 华为来电免打扰怎么设置(华为来电免打扰设置手机还能打进去吗)

    华为来电免打扰怎么设置(华为来电免打扰设置手机还能打进去吗)

  • 小米电视怎么连接网络(小米电视怎么连接有线电视机顶盒)

    小米电视怎么连接网络(小米电视怎么连接有线电视机顶盒)

  • 剪映怎么剪取音乐片段(剪映怎么剪出音乐)

    剪映怎么剪取音乐片段(剪映怎么剪出音乐)

  • qq号可以注册微信吗,不用手机号(qq号可以注册微信号吗)

    qq号可以注册微信吗,不用手机号(qq号可以注册微信号吗)

  • 手机扩容有什么坏处(手机扩容有什么风险)

    手机扩容有什么坏处(手机扩容有什么风险)

  • reno电池多少毫安(oppo reno电池多大)

    reno电池多少毫安(oppo reno电池多大)

  • word文档字体怎么放大居中(word文档字体怎么翻转方向)

    word文档字体怎么放大居中(word文档字体怎么翻转方向)

  • 滴滴怎么改目的地(滴滴上面怎么修改目的地)

    滴滴怎么改目的地(滴滴上面怎么修改目的地)

  • 处置资产开啥发票
  • 财产租赁合同金额含税吗
  • 银行内部利息支出
  • 参加会议培训的好处
  • 员工工资占公司收入比例怎么算
  • 其他应收款账目
  • 境内企业向境外放款额度最长放款期限为两年
  • 服务业发票的开具范围包括什么
  • 我国流转税的税种组成为
  • 母子公司往来款属于借款吗
  • 支付股东借款利息怎么交税
  • 增值税预交款怎么算
  • 从事旅游的小型微利企业能享受哪些优惠?
  • 会计对帐是银行账户吗
  • 个人借款取得的利息收入要交税吗
  • 维修设备领用材料会计分录怎么写
  • 进项税加计抵扣分录
  • 抄税和申报是一回事吗
  • 什么是补提或者计提
  • 企业预交的宽带费能退吗
  • 如何在windows中添加输入法
  • key是什么文档
  • 其他应付款和其他应付款对冲
  • PHP:highlight_string()的用法_misc函数
  • 企业所得税教育经费列支范围
  • 中国网购软件
  • 戈佐西餐厅
  • 深度学习——VGG16模型详解
  • 应付债券的应付利息怎么计算
  • 资产类备抵科目借方是加还是减
  • php十进制转二进制算法
  • 定额材料损耗的计算公式
  • php使用自定义函数的方式
  • vue前端怎么运行
  • vue2.0安装
  • vue项目部署后白屏
  • mla指令
  • 发票金额和打款金额不一致怎么办
  • 外购商品用于赠送增值税可以抵扣么
  • 进项不认证有什么风险
  • 网上报税优点与缺点
  • 新会计准则规定
  • 免征增值税的会计处理
  • 私车公用私车的区别在哪
  • 自产商品对外赠送
  • 简易计税项目税率
  • 研发人员工资是实发还是应发
  • 更衣柜属于什么费用
  • 内账中已交的增值税在哪
  • 押金为什么要走支付宝
  • 运输业户
  • 报销差旅费用什么收款凭证还是转账凭证
  • unix du
  • xp系统如何安装软件
  • 快速切换用户是什么意思
  • win10系统自带的浏览器叫什么
  • mac合盖不休眠怎么办
  • win7打开游戏显示已停止工作
  • fpassist.exe是什么进程 有什么作用 fpassist进程查询
  • Win10 Build 10586.494稳定版更新修复内容以及KB3172985补丁下载地址
  • 如何win10
  • linux自动获取校时服务器时间
  • linux unix操作系统
  • iwatch命名
  • win10预览版好吗
  • Tutorial 4: Shaders
  • excel2016默认字体
  • fragmentize
  • 如何用vs默认打开unity脚本
  • dota2 服务器ip地址
  • 置顶聊天折叠怎么开启
  • python3 mongodb
  • recyclerview和scrollview
  • flask框架代码
  • 单位发的一次性奖励如何扣税
  • 网约车考试全国过了区域没过
  • 济宁市税务局官网名称
  • 逆光代售和神仙代售那个好一点
  • 代办营业执照代办人有什么法律责任
  • 劳务分包需要交什么税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设