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

  • realmegt大师探索版怎么开nfc

    realmegt大师探索版怎么开nfc

  • 华为右滑的那个界面怎么设置(华为右滑的那个界面怎么开)

    华为右滑的那个界面怎么设置(华为右滑的那个界面怎么开)

  • 候补订单可以候补几个如何候补(候补订单可以候补几个人)

    候补订单可以候补几个如何候补(候补订单可以候补几个人)

  • 饿了么骑手怎么加入的呢(饿了么骑手怎么样)

    饿了么骑手怎么加入的呢(饿了么骑手怎么样)

  • 华为P30打字手机振动怎么取消(华为p30打不了字)

    华为P30打字手机振动怎么取消(华为p30打不了字)

  • 苹果xr能控制空调吗(iphone xr能不能遥控空调)

    苹果xr能控制空调吗(iphone xr能不能遥控空调)

  • 抖音最高等级是多少级(抖音最高等级是多少级需要送多少钱)

    抖音最高等级是多少级(抖音最高等级是多少级需要送多少钱)

  • 闲鱼显示卖掉了有几种情况(闲鱼显示卖掉了还可以拍吗)

    闲鱼显示卖掉了有几种情况(闲鱼显示卖掉了还可以拍吗)

  • Boss直聘账号被锁定了怎么办(boss直聘账号被锁定申诉范文)

    Boss直聘账号被锁定了怎么办(boss直聘账号被锁定申诉范文)

  • 华为手机克隆能把所有软件都带过去吗(华为手机克隆能把所有数据转过去吗)

    华为手机克隆能把所有软件都带过去吗(华为手机克隆能把所有数据转过去吗)

  • 抖音如何为主播点赞(抖音如何为主播开直播会员)

    抖音如何为主播点赞(抖音如何为主播开直播会员)

  • vivo哪个系列是高端机(vivo哪个系列是拍照的)

    vivo哪个系列是高端机(vivo哪个系列是拍照的)

  • 苹果手机怎么看电视直播节目(苹果手机怎么看海拔高度)

    苹果手机怎么看电视直播节目(苹果手机怎么看海拔高度)

  • 苹果还原所有设置照片还在吗(苹果还原所有设置和抹掉所有内容)

    苹果还原所有设置照片还在吗(苹果还原所有设置和抹掉所有内容)

  • 小米9步数怎么开启(小米9手机步数在哪设置)

    小米9步数怎么开启(小米9手机步数在哪设置)

  • 单反怎么调白平衡(单反怎么调整白平衡)

    单反怎么调白平衡(单反怎么调整白平衡)

  • 淘宝账号怎么解除绑定(淘宝账号怎么解绑)

    淘宝账号怎么解除绑定(淘宝账号怎么解绑)

  • 微信腾讯服务怎么增加(微信腾讯服务在哪里打开)

    微信腾讯服务怎么增加(微信腾讯服务在哪里打开)

  • cpu使用100%是什么意思(cpu使用率100有害处吗)

    cpu使用100%是什么意思(cpu使用率100有害处吗)

  • 高校校园app开发怎么做(高校校园app开发)

    高校校园app开发怎么做(高校校园app开发)

  • 大理石峡谷中横跨科罗拉多河的纳瓦霍桥,美国亚利桑那州北部  (© trekandshoot/Alamy)(大理石横切面)

    大理石峡谷中横跨科罗拉多河的纳瓦霍桥,美国亚利桑那州北部 (© trekandshoot/Alamy)(大理石横切面)

  • cancel命令  取消已存在的打印任务(cancel怎么关)

    cancel命令 取消已存在的打印任务(cancel怎么关)

  • 个人所得税申诉已受理多久出结果
  • 职工享受工伤津贴的条件
  • 房地产公司自用房屋销售土地增值税计算
  • 个人独资企业需要交什么税
  • 商誉是减值还是摊销
  • 企业接受捐赠固定资产计入什么科目
  • 图书计入什么费用
  • 领备用金填什么单子
  • 小规模超过30万附加税减半吗
  • 制造费用多结转了下月如何调整
  • 增值税发票已抵扣能否认定合同关系
  • 收到软件发票怎么做账
  • 招待用烟的会计处理
  • 建筑面积包括分摊建筑面积吗
  • 将外购的货物赠送给儿童福利院,进项税
  • 在建工程购入的空调怎样入账
  • 个税起征点调整至5000
  • 企业职工报销签单怎么写
  • 其他应付款能转收入么
  • 材料含税价怎么算
  • 一般企业和行政事业单位的资产负债表是否一样
  • 企业土地是不是都应该缴纳房产税?
  • 基金公司的资本结构
  • 以前年度留抵用完 不能抵欠税
  • 环境保护税即将施行 有哪些点需要关注?
  • 建筑合同通用条款
  • 中级会计考试报名
  • 小规模纳税人增值税政策
  • 处置其他权益工具投资会影响当期损益吗
  • 发票开了收不到钱
  • 其他应收款借方和贷方什么意思
  • 按简易办法征收增值税
  • 公司销售的产品自用如何记账
  • 固定资产清理是什么项目
  • mac怎么恢复出厂值
  • 新会计规定工会会计制度
  • 经营租赁的房屋计提折旧吗
  • js文件格式化工具
  • 【机器学习面试总结】————(一)
  • web爬虫视频教程
  • python统计字符串长度
  • 累计折旧大白话
  • 小规模纳税人定义标准
  • 申请一般人纳税需要什么东西
  • python字符串如何换行
  • 简述sql server
  • python 熵值法
  • xadmin配置
  • 关联方占用资金应对措施
  • 已冲销凭证是否可以删除
  • 运输发票抵扣税额怎么算
  • 新公司开基本户需要带什么材料
  • 个人如何开增值税普通电子发票
  • 外币报表折算差额会计分录
  • 免征的附加税怎么做账
  • 缴纳注册资金印花税怎么做账
  • sql必会知识
  • 海量数据的查询
  • 打开电脑windows
  • 启用5g后流量有什么影响
  • 七喜r11c笔记本
  • 安装win8系统需要什么条件
  • ubuntu系统如何
  • linux d
  • 用diskgenius硬盘格式转换怎么使用
  • win8windows设置在哪里
  • win8搜索不到文件
  • Linux服务器架设指南百度网盘
  • win10桌面test mode
  • win7 c盘打不开
  • js基于贪心算法实验报告
  • 使用androidx 找不到v7
  • ie不支持p标签
  • jquery中的css方法
  • JavaScript基础教程
  • asyncio 的 coroutine对象 与 Future对象使用指南
  • 整理Javascript事件响应学习笔记
  • 别墅与普通住宅的优缺点
  • 宿迁市国家税务局徐友谅
  • 出售固定资产税收怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设