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

  • 青柠守护孩子端怎么删除(青柠守护孩子端下载后不能下软件)

    青柠守护孩子端怎么删除(青柠守护孩子端下载后不能下软件)

  • 微信图片已过期是为什么(微信图片已过期或已被清理是什么意思)

    微信图片已过期是为什么(微信图片已过期或已被清理是什么意思)

  • 网易云如何查看已购专辑(网易云如何查看听歌次数)

    网易云如何查看已购专辑(网易云如何查看听歌次数)

  • WPS怎么把一个单元格的内容拆分成不同的行(wps怎么把一个单元格分成左右两个)

    WPS怎么把一个单元格的内容拆分成不同的行(wps怎么把一个单元格分成左右两个)

  • 提货码发送失败什么原因(提货码没收到怎么办)

    提货码发送失败什么原因(提货码没收到怎么办)

  • 腾讯视频不能录长点吗(腾讯视频不能录声音)

    腾讯视频不能录长点吗(腾讯视频不能录声音)

  • 小米手机大文件能删除吗(小米手机大文件清理可以删吗)

    小米手机大文件能删除吗(小米手机大文件清理可以删吗)

  • 手机电池寿命跟充电次数有关系吗(手机电池寿命跟冲电次数有关吗)

    手机电池寿命跟充电次数有关系吗(手机电池寿命跟冲电次数有关吗)

  • 苹果x原彩显示没有了(苹果x原彩显示在哪里设置)

    苹果x原彩显示没有了(苹果x原彩显示在哪里设置)

  • qq友谊的小船能有几个(QQ友谊的小船能获得几个)

    qq友谊的小船能有几个(QQ友谊的小船能获得几个)

  • 钉钉是否可以手机和电脑同时使用(钉钉可以手写吗)

    钉钉是否可以手机和电脑同时使用(钉钉可以手写吗)

  • 华为p30相机可放大多少倍(华为p30相机可以放大多少倍)

    华为p30相机可放大多少倍(华为p30相机可以放大多少倍)

  • 为什么抖音头像换不了(为什么抖音头像换了别人看的还是原来那张)

    为什么抖音头像换不了(为什么抖音头像换了别人看的还是原来那张)

  • 陌陌账号注销了还能找回来吗(陌陌账号注销了别人还可以查到我原先的陌陌号吗)

    陌陌账号注销了还能找回来吗(陌陌账号注销了别人还可以查到我原先的陌陌号吗)

  • iPhone11pro是什么处理器(iphone11pro是什么接口)

    iPhone11pro是什么处理器(iphone11pro是什么接口)

  • 小米手环4充电冲多久(小米手环4充电线)

    小米手环4充电冲多久(小米手环4充电线)

  • mysql默认升序还是降序(mysql默认顺序)

    mysql默认升序还是降序(mysql默认顺序)

  • 荣耀v20指纹解锁在哪(荣耀v20指纹解锁方式)

    荣耀v20指纹解锁在哪(荣耀v20指纹解锁方式)

  • 苹果出5g手机吗(iphone何时出5g手机)

    苹果出5g手机吗(iphone何时出5g手机)

  • iphone8有没有nfc(iPhone8有没有红外线功能)

    iphone8有没有nfc(iPhone8有没有红外线功能)

  • 华为手环3pro使用方法(华为手环3pro使用时间长)

    华为手环3pro使用方法(华为手环3pro使用时间长)

  • python字典中添加新的键值(python字典添加数据)

    python字典中添加新的键值(python字典添加数据)

  • 抄税是什么意思谁做的事情
  • 可供出售金融资产新准则叫什么
  • 公司货款退款怎么写
  • 征地补偿费谁来支付
  • 小规模没有成本票怎么做账
  • 股东参与经营可以分红吗
  • 企业所得税营业税金及附加包括
  • 经常性支出是什么意思
  • 零售行业会计核算方法
  • 固定资产后续支出的确认和处理
  • 公司缴纳工会经费会计分录怎么写
  • 增值税专票过了3年能抵扣吗
  • 出纳现金日记账表格模板
  • 营业外支出可以扣除吗
  • 新会计准则要求
  • 技术服务费普通发票怎么做账务处理
  • 涉税事先裁定
  • 既销售货物又提供劳务例题
  • 食堂伙食费账务处理
  • 完税证明已开回怎么处理
  • 房地产行业规定
  • 农业机耕服务是什么税收分类编码
  • 发出商品发生损失
  • 员工旅游计入什么费用
  • 如何打印word文档手机上
  • 技术服务合同要盖骑缝章吗
  • 出口视同内销的账务处理?
  • 持有待售的非流动资产或处置组不再
  • 什么是电流定律
  • win10专业版19042.630
  • 营改增后房地产企业账务处理
  • windows闹钟
  • 抵偿债务会计处理
  • 收到某公司的钱的会计分录
  • 代购机票骗局
  • php 字符串函数
  • 查看chrome浏览器内核版本
  • php接口规则
  • php运行无法访问此页面
  • C++ Linux Web Server 面试基础篇-操作系统(四、线程通信)
  • dvwa靶场搭建sql注入
  • 会计证的作用和用途
  • 股东投资的钱要还给他吗
  • 购入库存商品会计分录摘要
  • 留抵税额可以保留几年
  • 准则对()、()和()等作出基本规定
  • phpcms怎么样
  • 长期无法收回的应收账款如何处理
  • 审计外聘人员支付标准
  • 海外工作工资税收问题
  • 免税销售额和本期免税额
  • 应付利息的会计分录怎么写
  • 工会经费和工会会费的区别与联系
  • 计入其他综合收益的有哪些
  • 发票抬头开个人可以吗?
  • 小规模纳税人免税政策2023年
  • 待发货订单是什么意思
  • 应收票据明细表根据什么编制
  • 现金支付货款怎么做账
  • 母公司划拨土地给全资子公司需要上税吗?
  • sql server 2008教程
  • ubuntu xenial
  • winadslave.exe - winadslave是什么进程
  • xp桌面图标设置
  • spoolsrv32.exe - spoolsrv32进程是什么文件 有何作用
  • linux删错文件
  • 正在进行设备安装 win10安装打印机
  • 逐一介绍班子成员表现
  • node.js console.log
  • opengl快速入门
  • Python内置函数的应用操作
  • 利用职务之便谋取私利是什么罪
  • 批处理之家官网
  • node.js ajax
  • 查看接入安卓终端密码
  • Python 正则表达式入门(中级篇)
  • js获取浏览器的cookie
  • android退出程序代码
  • 税务局分类分级
  • 个人所得税的通知
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设