位置: 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)

  • ip68手机有哪些(ip68手机有哪些2020)

    ip68手机有哪些(ip68手机有哪些2020)

  • 微信闪退是什么原因造成的(微信闪退是什么原因)

    微信闪退是什么原因造成的(微信闪退是什么原因)

  • 手机恢复出厂设置是不是什么都没有了(手机恢复出厂设置好吗)

    手机恢复出厂设置是不是什么都没有了(手机恢复出厂设置好吗)

  • 骁龙845能用几年(骁龙845还可以用几年)

    骁龙845能用几年(骁龙845还可以用几年)

  • 变频1和变频3区别(变频2和变频3的区别)

    变频1和变频3区别(变频2和变频3的区别)

  • 微信申诉回执单号是什么意思(微信申诉回执单号怎么查)

    微信申诉回执单号是什么意思(微信申诉回执单号怎么查)

  • 100kb到200kb是多大的证件照(100kb到200kb是几寸)

    100kb到200kb是多大的证件照(100kb到200kb是几寸)

  • 手提电脑有蓝牙功能吗(手提电脑有蓝牙功能与手机连接)

    手提电脑有蓝牙功能吗(手提电脑有蓝牙功能与手机连接)

  • airpods适用于6s吗(airpodsiphone6可以用吗)

    airpods适用于6s吗(airpodsiphone6可以用吗)

  • 苹果耳机进水了保修吗(苹果耳机进水了声音变小了)

    苹果耳机进水了保修吗(苹果耳机进水了声音变小了)

  • ios9.0怎么更新(如何更新ios9.0)

    ios9.0怎么更新(如何更新ios9.0)

  • word怎么添加灰色底纹(word怎么添加灰色背景)

    word怎么添加灰色底纹(word怎么添加灰色背景)

  • 苹果app下载怎么设置指纹(苹果app下载怎么设置不需要密码)

    苹果app下载怎么设置指纹(苹果app下载怎么设置不需要密码)

  • 重新下载微信后聊天记录还在吗(重新下载微信后收藏的内容还在吗)

    重新下载微信后聊天记录还在吗(重新下载微信后收藏的内容还在吗)

  • vue添加照片时可以不动吗(vue项目中图片放在哪里)

    vue添加照片时可以不动吗(vue项目中图片放在哪里)

  • vooc4.0是多少w(vooc3.0相当于多少瓦)

    vooc4.0是多少w(vooc3.0相当于多少瓦)

  • gofun怎么用(gofun怎么用12123认证)

    gofun怎么用(gofun怎么用12123认证)

  • 小影如何配音(小影后期配音怎么变声)

    小影如何配音(小影后期配音怎么变声)

  • 苹果x频繁自动关机解决办法(iphone x老是自动重启)

    苹果x频繁自动关机解决办法(iphone x老是自动重启)

  • Mac系统怎么更改文件扩展名?(mac系统怎么更改输入法)

    Mac系统怎么更改文件扩展名?(mac系统怎么更改输入法)

  • Win11提示错误代码0x204怎么办? win11远程桌面连接问题的方法(错误代码11-1114)

    Win11提示错误代码0x204怎么办? win11远程桌面连接问题的方法(错误代码11-1114)

  • 王者荣耀进不去怎么办?原因是什么?(王者荣耀进不去怎么回事最新)

    王者荣耀进不去怎么办?原因是什么?(王者荣耀进不去怎么回事最新)

  • 在win7系统中,弹出安全警告怎么关闭?(在win7系统中如何让电脑恢复出厂设置方法)

    在win7系统中,弹出安全警告怎么关闭?(在win7系统中如何让电脑恢复出厂设置方法)

  • window.print() 前端页面打印与预览PDF(前端 input)

    window.print() 前端页面打印与预览PDF(前端 input)

  • 工会经费每月必须60块钱
  • 一个营业执照可以开几家淘宝店
  • 所有者权益变动表是什么报表
  • 所得税季报利润表怎么填
  • 维修汽车费用
  • 企业收到银行收款通知
  • 进口关税专用缴款书怎么做分录
  • 印花税这个月没交下个月补报可以吗?
  • 房地产开发企业销售自行开发的房地产项目
  • 一般纳税人开3个点的票不能抵扣进项
  • 劳务公司增值税怎么抵扣
  • 资产减值准备所得税申报中要填主表吗
  • 季度报没有报怎么办
  • 新金融工具准则投资收益
  • 土地返还款土地增值税处理
  • 员工差旅补贴是否需要发票
  • 扣收贷款本息
  • 进口货物需要缴纳教育费附加
  • 开票多一分钱怎么办
  • 对方公司只能开发票吗
  • 社会保险费缴费凭据在哪查
  • 别的公司代缴社保合法
  • 怎么查看当前刷新率
  • 出口报关单有什么用
  • 公务车加油入什么科目
  • 合伙企业收到分红需要交所得税吗
  • php创建文件夹和文件
  • PHP:Memcached::replaceByKey()的用法_Memcached类
  • 跨国并购融资问题
  • hotkey可以卸载吗
  • 代缴费社保
  • 装修费用账务怎么处理
  • php异步处理方案
  • 库存现金被盗会怎么样
  • 语义分割入门教程
  • 计算工业总产值公式
  • 跨年专票红冲步骤
  • 费用类和成本类有哪些
  • 销售商品的折扣
  • 销售黄金的会计分录
  • mysql的union语句
  • php用户评论
  • 在建工程应交税金怎么算
  • 个人所得税申报截止时间
  • 劳务公司包工包料工程如何账务处理
  • access数据库如何
  • sql server2005怎么打开
  • 用人单位延迟给员工交社保怎么办
  • 自产赠送视同销售的成本如何确定?
  • 企业管理费用科目有哪些
  • 传媒公司的骗局把戏
  • 员工在异地缴纳社保,公司还能上吗
  • 增值税普通发票可以抵扣吗
  • 以前年度损益调整在报表哪里体现
  • 食品算日用品吗
  • 应付账款暂估会计分录怎么写
  • 实际利率法仅仅适用于具有本金和利息
  • win10标题栏颜色改不了
  • U盘安装centos7步骤
  • 如何让电脑启动更快
  • linux的io
  • centos如何添加监听端口
  • mac屏保怎么换
  • linux jre
  • 服务win10
  • win7如何设置网络连接路由器
  • ext.grid.panel
  • SDK不兼容Ubuntu64位系统的解决办法!!!
  • 环境篇作文
  • 如何解决焦虑的心理
  • 深入浅出python中文第二版pdf
  • unity只执行一次的方法
  • 收集linux日志
  • unity游戏加密
  • js中substring和substr有区别吗
  • 住房货币化什么意思
  • 集资房税收问题
  • 成都税务二维码扫描
  • 契税个税怎么说
  • 审计双轨制什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设