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

  • 电视芒果tv会员怎么取消自动续费

    电视芒果tv会员怎么取消自动续费

  • 苹果13mini怎么用蓝牙耳机(苹果13mini怎么用4g网络)

    苹果13mini怎么用蓝牙耳机(苹果13mini怎么用4g网络)

  • vivo x27录屏怎么关闭小白点(vivox27录屏怎么把声音录进去)

    vivo x27录屏怎么关闭小白点(vivox27录屏怎么把声音录进去)

  • 天猫积分会不会清零(天猫积分会过期的吗?)

    天猫积分会不会清零(天猫积分会过期的吗?)

  • 情侣空间照片删不掉(情侣空间照片删了能恢复吗)

    情侣空间照片删不掉(情侣空间照片删了能恢复吗)

  • 微信群名怎么设置(微信群名怎么设置两行)

    微信群名怎么设置(微信群名怎么设置两行)

  • 咸鱼里面的曝光是什么意思(咸鱼里面曝光啥意思)

    咸鱼里面的曝光是什么意思(咸鱼里面曝光啥意思)

  • 快手怎么领取好友送的卡(快手怎么领取好作品专属奖励)

    快手怎么领取好友送的卡(快手怎么领取好作品专属奖励)

  • 华为畅玩9a什么时候上市的(华为畅玩9a什么处理器)

    华为畅玩9a什么时候上市的(华为畅玩9a什么处理器)

  • 微信注销60天后还存在(微信注销60天后状态)

    微信注销60天后还存在(微信注销60天后状态)

  • h61和b75有什么区别(h61比b75差多少)

    h61和b75有什么区别(h61比b75差多少)

  • blp651电池是什么手机(blp651电池是什么手机型号)

    blp651电池是什么手机(blp651电池是什么手机型号)

  • hwitl00是华为什么型号手机(hwltl00华为什么型号)

    hwitl00是华为什么型号手机(hwltl00华为什么型号)

  • 火山小视频是哪年成立的(火山小视频是哪个软件)

    火山小视频是哪年成立的(火山小视频是哪个软件)

  • 抖音店铺logo是什么意思(抖音店铺logo是抖音账号头像吗)

    抖音店铺logo是什么意思(抖音店铺logo是抖音账号头像吗)

  • icloud安全码是啥(icloud安全码在哪里)

    icloud安全码是啥(icloud安全码在哪里)

  • 拼多多买东西几天到货(拼多多买东西几天到)

    拼多多买东西几天到货(拼多多买东西几天到)

  • 华为nova6上市时间(华为nova7pro上市时间)

    华为nova6上市时间(华为nova7pro上市时间)

  • 怎样在快手上下载视频(怎样在快手上下载音乐)

    怎样在快手上下载视频(怎样在快手上下载音乐)

  • 手机号怎么换绑身份证(银行卡手机号怎么换绑)

    手机号怎么换绑身份证(银行卡手机号怎么换绑)

  • 拼多多续费月卡怎么关掉(拼多多续费月卡送奖品怎么领)

    拼多多续费月卡怎么关掉(拼多多续费月卡送奖品怎么领)

  • 为什么快手没有浏览模式(为什么快手没有创作者中心)

    为什么快手没有浏览模式(为什么快手没有创作者中心)

  • 小米cc9和美图定制版区别(小米cc9和美图定制版外形一样吗)

    小米cc9和美图定制版区别(小米cc9和美图定制版外形一样吗)

  • 百加手机静音取消不了怎么办(手机设置了静音怎么取消)

    百加手机静音取消不了怎么办(手机设置了静音怎么取消)

  • 缴纳企业所得税会计分录怎么做
  • 个人资金借给企业
  • 拆迁房视同销售成本可以抵减吗?
  • 企业收到一笔钱不知道什么钱 如何做账
  • 自然人股权转让要交什么税
  • 小规模有限公司注销麻烦吗
  • 一张报关单上最多不能超过
  • 酒生产车间
  • 固定资产原值是含税还是不含税
  • 研发费用报表列报
  • 固定资产内部调拨流程
  • 机票抵扣增值税怎么计算民航发展基金
  • 企业汇算清缴弥补以前年度亏损后还需退税
  • 简易征收是优惠政策吗
  • 小微企业 2021
  • 纳税人不得汇总开具发票
  • 登记为一般纳税人后可以转为小规模纳税人
  • 农业合作社出售农产品怎么计税
  • 特种车辆租赁需要什么资质
  • 公司治理的基本内涵
  • 系统安装的步骤
  • php数组函数,选班长
  • 苹果六微信
  • windows 11硬件
  • 土地增值税清算收入如何确定
  • 固定资产清理的会计科目处理
  • 小规模纳税人销售使用过的固定资产
  • 控股公司的账务处理
  • 公司股权分红会交税吗
  • 同业代付会计分录
  • 杜鹃花的养殖方法和修剪
  • 在草地上吃零食叫什么
  • Vue Admin Template关闭eslint校验,lintOnSave:false设置无效解决办法
  • vue生成二维码分享
  • php图片大小设置
  • php解析原理
  • 纳税人购进固定资产一次性扣除账务处理
  • 将织梦dedecms转换到wordpress
  • python socketio
  • 更改sql server数据库名
  • 跨省市提供建筑服务
  • 什么时候过路费减半收费
  • 质保金需要确认收入吗
  • 公司的资金管理模式是什么?
  • 新成立小规模纳税人税收优惠政策
  • 专利技术转让损失会计分录
  • 小微企业员工人数限制
  • 增值税为什么不用计提
  • 办公用品采购如何记账
  • 企业领用产品的会计分录
  • 企业存货借款利息怎么算
  • 接受政府补助的应纳税所得
  • 项目估算主要包括
  • 菜品毛利怎么计算
  • 法人的加油费能抵所得税吗
  • 什么是摊余成本法
  • 会计信息质量特征哪个最重要
  • 产品成本核算方法受那些因素影响
  • 旅游饮食服务企业的特点包括
  • mysql5.7版本的服务的名字是
  • 一些有用的sql语句是什么
  • calc.exe是什么程序
  • centos8 apache
  • win8.1进入桌面
  • 如何将win7系统装进移动硬盘
  • linux文件权限的设置与修改
  • win10激活界面打不开
  • java入门怎么学
  • drawand paint
  • python模糊搜索字符串
  • opengl入门教程(精)
  • shell脚本cut -d
  • unity3d摄像机视角
  • java jsonstring
  • 陕西税务平台
  • 成品油和非成品油的税务知识
  • 企业所得税纳税申报表A类
  • 车辆购置税查询不到
  • 杭州残保金2021年新政策申报时间
  • 2018建筑材料考试试题及答案河南卷
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设