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

  • 健康码未通过实名认证是怎么回事

    健康码未通过实名认证是怎么回事

  • 数据的存储结构是指什么呢(数据的存储结构分为两种)

    数据的存储结构是指什么呢(数据的存储结构分为两种)

  • 钉钉匿名投票能查看吗(钉钉匿名投票能看出谁投的吗)

    钉钉匿名投票能查看吗(钉钉匿名投票能看出谁投的吗)

  • 小怪兽远程连接失败(小怪兽远程控制怎么连接)

    小怪兽远程连接失败(小怪兽远程控制怎么连接)

  • 黄金vip会员怎么取消自动续费(黄金vip会员怎么领取)

    黄金vip会员怎么取消自动续费(黄金vip会员怎么领取)

  • ipad怎么在图片上写字(ipad怎么在图片上复制文字)

    ipad怎么在图片上写字(ipad怎么在图片上复制文字)

  • 锁屏壁纸自动变怎么弄(锁屏壁纸自动变化怎么设置)

    锁屏壁纸自动变怎么弄(锁屏壁纸自动变化怎么设置)

  • sis系统和dcs系统区别

    sis系统和dcs系统区别

  • qq头像为什么变成企鹅(qq头像为什么变成黑色)

    qq头像为什么变成企鹅(qq头像为什么变成黑色)

  • 微信通过昵称可以找到要添加的人吗(微信通过昵称可以加人吗)

    微信通过昵称可以找到要添加的人吗(微信通过昵称可以加人吗)

  • oppo手机有声音但是黑屏怎么办(Oppo手机有声音 但是图像不动)

    oppo手机有声音但是黑屏怎么办(Oppo手机有声音 但是图像不动)

  • 苹果5s快手闪退怎么回事(iphone快手闪退怎么回事)

    苹果5s快手闪退怎么回事(iphone快手闪退怎么回事)

  • 怎么辨别苹果4和苹果4s(怎么辨别苹果13手机是不是正品)

    怎么辨别苹果4和苹果4s(怎么辨别苹果13手机是不是正品)

  • 6s激活出错是什么情况(iphone6sp激活出错)

    6s激活出错是什么情况(iphone6sp激活出错)

  • 微信开静音对方知道吗(微信开静音对方能知道吗)

    微信开静音对方知道吗(微信开静音对方能知道吗)

  • 为什么原相机拍的照片是反的(为什么原相机拍照脸上有斑)

    为什么原相机拍的照片是反的(为什么原相机拍照脸上有斑)

  • 小米手机fast boot什么意思(小米手机fastboot 无法开机)

    小米手机fast boot什么意思(小米手机fastboot 无法开机)

  • 快手里面的关注页是啥意思(快手里面的关注怎么全部删除)

    快手里面的关注页是啥意思(快手里面的关注怎么全部删除)

  • 小象壁纸怎么卸载不掉(怎么删除小象壁纸右键菜单选项)

    小象壁纸怎么卸载不掉(怎么删除小象壁纸右键菜单选项)

  • ps怎么选中图片放大缩小(ps怎么选中图片中的文字)

    ps怎么选中图片放大缩小(ps怎么选中图片中的文字)

  • 苹果11电池多大(苹果11电池容量多少)

    苹果11电池多大(苹果11电池容量多少)

  • wrod文档怎么调整页面(wrod文档怎么调清晰度)

    wrod文档怎么调整页面(wrod文档怎么调清晰度)

  • 为什么我的快手没有查找(为什么我的快手没有亲密关系)

    为什么我的快手没有查找(为什么我的快手没有亲密关系)

  • iphone11pro和11区别(iphone11pro和11区别尺寸)

    iphone11pro和11区别(iphone11pro和11区别尺寸)

  • qq音乐铭牌在哪里看(qq音乐铭牌怎么看)

    qq音乐铭牌在哪里看(qq音乐铭牌怎么看)

  • 小米mix2介绍(小米mix2叫什么型号)

    小米mix2介绍(小米mix2叫什么型号)

  • 新版本微信怎么改提示音(新版本微信怎么置顶朋友圈)

    新版本微信怎么改提示音(新版本微信怎么置顶朋友圈)

  • 华为方舟编译器怎么用(华为方舟编译器概念股)

    华为方舟编译器怎么用(华为方舟编译器概念股)

  • 华为畅享9有屏下指纹吗(华为畅享9屏幕刷新率)

    华为畅享9有屏下指纹吗(华为畅享9屏幕刷新率)

  • 卖旧书侵权吗
  • 工业企业取得土地收益
  • 购买车辆保险的现金流
  • 开票系统技术维护费怎么抵扣
  • 服务费的增值税怎么算
  • 赔付开票
  • 房产税是按不含税租金收入
  • 资产负债表怎么看营业收入
  • 工会经费的工资薪金总额包括保险吗
  • 进项税转出的发票怎么认证
  • 软件出口税收政策
  • 关税应纳税额计算公式
  • 生产过程中产品的质量保证体系
  • 收不回来应收账款会计分录
  • 公司把贷款的钱转给个人
  • 企业所得税减半征收计算公式
  • 营改增之前有增值税吗
  • 服装批发零售交什么税
  • 工信部联企业[2011]300号 小型企业
  • 小微企业计算公式
  • 增值税专用发票几个点
  • 固定资产处置计算公式
  • 税局代开专票作废怎么做账
  • 收据是否当月入帐
  • 劳务外包收入公式是什么
  • 诉讼费如何记账
  • 怎么批量给指定条件加入批注
  • win10外接音响没反应
  • win10更新kb5006670
  • 安全库存的三种算法
  • Linux系统中Squid代理服务器配置全过程解析
  • thinkphp d方法
  • PHP:Memcached::getResultCode()的用法_Memcached类
  • ReadTimeoutError: HTTPSConnectionPool(host=‘cdn-lfs.huggingface.co‘, port=443)
  • php canal
  • 企业没有实缴
  • 深度学习中的注意力机制模型及代码实现(SE Attention、CBAM Attention)
  • 人工智能机器人保姆什么时候实现
  • ORB_SLAM2+kinect稠密建图实战项目总结
  • sockas
  • vue自学
  • 银行存款利息应记什么科目
  • 分公司增值税可以放总公司一起缴纳吗
  • 弥补以前年度亏损怎么算
  • numpy array ndarray区别
  • 跨境电商小规模运营负责那些工作
  • 2、springboot+mybatis+ajax+pageHelper+idea+maven(全套增删改查)
  • 存货资产减值损失借贷方向
  • 托盘入账哪个科目最好
  • 资产总额是指营业收入和营业支出吗
  • 全资子公司注销的账务处理
  • 公司首次申报个人所得税
  • 银行存款和其他应付款不平怎么处理
  • 投标保证金会计科目
  • 什么费用可以列入研发费用
  • 购买柴油预付卡怎么入账
  • sql数据库回滚操作
  • MySQL MEM_ROOT详解及实例代码
  • linux 执行结果写到文件
  • linux系统了解
  • win10设置回收站位置
  • xp系统c盘到底哪些文件可以删除越详细越好谢谢
  • Linux查看文件的大小
  • linux中关闭系统命令
  • 电子书进不去系统原因
  • android2d游戏开发
  • android:PopupWindow的使用场景和注意事项
  • vue-cli lib
  • jquery追加节点
  • 阿里面试题和答案
  • angular1
  • 自动删除文件脚本bat
  • unity3d有什么用
  • js右键菜单
  • js中cookie的用法
  • unity androidx
  • shell python
  • python 两个列表一一对应
  • 全国残疾人工作先进个人
  • 呼伦贝尔清欠办电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设