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

  • ipad手写键盘怎么设置(ipad手写键盘怎么设置大小)

    ipad手写键盘怎么设置(ipad手写键盘怎么设置大小)

  • 借呗无信用额度怎么开通(借呗无信用额度多久解除)

    借呗无信用额度怎么开通(借呗无信用额度多久解除)

  • 电脑微信聊天记录怎么转移到手机(电脑微信聊天记录怎么导出成文档)

    电脑微信聊天记录怎么转移到手机(电脑微信聊天记录怎么导出成文档)

  • 华为手机怎样隐藏应用图标(华为手机怎样隐藏游戏)

    华为手机怎样隐藏应用图标(华为手机怎样隐藏游戏)

  • 华为mate30第二次充电多久充(华为mate30第二系统忘记密码)

    华为mate30第二次充电多久充(华为mate30第二系统忘记密码)

  • 苹果手机不能打字怎么回事(苹果手机不能打字了是什么原因)

    苹果手机不能打字怎么回事(苹果手机不能打字了是什么原因)

  • 苹果手机dock栏变透明(苹果手机dock栏怎么设置4个以上应用)

    苹果手机dock栏变透明(苹果手机dock栏怎么设置4个以上应用)

  • QQ群怎么匿名聊天(qq群怎么匿名聊天怎么开启)

    QQ群怎么匿名聊天(qq群怎么匿名聊天怎么开启)

  • 微信里的群待办是怎么一回事(微信里的群待办怎么设置)

    微信里的群待办是怎么一回事(微信里的群待办怎么设置)

  • 显卡dp接口无信号(显卡dp接口无信号hdmi正常)

    显卡dp接口无信号(显卡dp接口无信号hdmi正常)

  • 微信手机上不提示确认登录(微信手机不提醒消息)

    微信手机上不提示确认登录(微信手机不提醒消息)

  • 路由器不稳定如何解决(路由器不稳定如何调试)

    路由器不稳定如何解决(路由器不稳定如何调试)

  • 网易云音乐下载的歌曲能永久听吗(网易云音乐下载到手机本地)

    网易云音乐下载的歌曲能永久听吗(网易云音乐下载到手机本地)

  • diamond是什么文件夹(diamond是什么意思英语翻译)

    diamond是什么文件夹(diamond是什么意思英语翻译)

  • 华为5g手机要换卡吗(华为5g手机换一个屏多少钱)

    华为5g手机要换卡吗(华为5g手机换一个屏多少钱)

  • qq群下载文件别人能看到吗(qq群下载文件别人会看到浏览记录吗)

    qq群下载文件别人能看到吗(qq群下载文件别人会看到浏览记录吗)

  • 微信扫脸支付怎么设置(微信扫脸支付怎么换人)

    微信扫脸支付怎么设置(微信扫脸支付怎么换人)

  • 手机上怎么隐藏软件(手机上怎么隐藏文件夹)

    手机上怎么隐藏软件(手机上怎么隐藏文件夹)

  • 微机中的bus一词是指什么(微机中bus是什么意思)

    微机中的bus一词是指什么(微机中bus是什么意思)

  • 嘀嗒上顺风车必须先支付吗(嘀嗒顺风车必须预付车费吗)

    嘀嗒上顺风车必须先支付吗(嘀嗒顺风车必须预付车费吗)

  • 华为手机怎么打开最近使用(华为手机怎么打开空调开关)

    华为手机怎么打开最近使用(华为手机怎么打开空调开关)

  • 华为能连airpods吗(华为能连airport)

    华为能连airpods吗(华为能连airport)

  • 小米9如何隐藏软件(小米9如何隐藏应用)

    小米9如何隐藏软件(小米9如何隐藏应用)

  • Win8系统出现BIOS中Secure Boot无法更改的解决办法?(win8系统出现你的电脑遇到问题需要重新启动)

    Win8系统出现BIOS中Secure Boot无法更改的解决办法?(win8系统出现你的电脑遇到问题需要重新启动)

  • 北京外贸进出口公司
  • 不得税前扣除的贷款利息
  • 汽车加油增值税发票
  • 六大往来科目重分类分录
  • 会计能开收据吗?
  • 增值税季报是填3个月的收入吗
  • 车辆购置税如何查询
  • 甲方代付材料费合法吗
  • 小企业会计准则以前年度损益调整
  • 拆装厂房
  • 签订代销合同的人有没有退货权
  • 应收票据会计分录怎么做
  • 服装厂里面
  • 并购对利润的影响
  • 企业年金的个人账户怎么查
  • 销售已使用的固定资产增值税
  • 私对公转账需要开发票吗
  • 税金及附加包括所得税费用吗
  • 预缴税款是开票金额的多少
  • 增值税税负的概念和如何确定税负
  • 哪些情况下不就地分摊缴纳企业所得税?
  • 企业清算时,经营收入与清算收益可以合并申报吗?
  • 印制宣传册
  • 普通发票税收
  • 涂料厂生产销售的涂料要交消费税吗
  • 高新技术企业的行业
  • 如何查看电脑是什么牌子
  • win10系统损坏开不了机
  • 山茶花的养殖方法盆栽
  • 发行股票的手续费、佣金如何会计处理?
  • wordpress的文章在数据库里吗?
  • php处理图片需要什么扩展
  • 讲解如何使用
  • 企业之间拆借资金
  • 小企业会计准则和一般企业会计准则的区别
  • cqi映射表
  • 微信账单可以打清单吗
  • 如何提升人工劳动效率
  • 班迪录屏软件录制框怎样在ppt上一直指定
  • redisson php
  • 采购货未到收到发票
  • 招待费住宿费专票
  • 织梦网站老是被挂马
  • 房屋租赁交的定金可以退吗
  • 工会经费与残保金属于什么
  • 公司的零星开支怎么做账
  • 凭证摘要写错了已结账了怎么办
  • 带抵扣进项分录
  • 固定资产的计提折旧方法有哪些
  • 购买扶贫产品属于什么费用
  • 税控盘费和服务费一样吗
  • 会计账簿的种类包括总账明细账日记账和其他辅助性账簿
  • 财务费用包括哪些费用
  • sql 复合语句
  • xp系统怎样打开隐藏文件
  • 清华同方笔记本无线网络开关在哪
  • 详细介绍的英文
  • linux必学的100个命令
  • un_a.exe
  • 没有推送windows11
  • xp系统的cad
  • mac鼠标如何设置
  • win7关机没反应怎么办
  • win7系统打开我的电脑一闪
  • win7修改系统版本
  • win8 资源管理器
  • 动态设置class
  • ExtJS Grid使用SimpleStore、多选框的方法
  • node.js require() 源码解读
  • 使用forever管理nodejs应用教程
  • vue.js computed
  • 下列关于eval()函数的说法正确的是
  • linux怎么使用
  • jQuery使用animate实现ul列表项相互飘动效果示例
  • 山东国地税合并6月挂牌
  • 电子税务局怎么添加银行账户信息
  • 四川医保增员网上怎么操作流程图
  • 汽车销售环节要做什么
  • 甘肃华能能源开发有限公司
  • 现在买新车都需要交什么费用
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设