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

  • 房地产开发企业预缴增值税
  • 增值税进项税抵扣时间
  • 小规模纳税人转让不动产增值税
  • 印花税税源明细表怎么填
  • 小企业会计准则调整以前年度费用分录
  • 通信服务费可以取消吗
  • 互联网合同范本
  • 培训费发票可以抵扣进项税吗
  • 物业服务费属于什么合同印花税
  • 地方附加税
  • 旅行社差额纳税发票怎么开具
  • 年所得12万元以上的纳税人,在纳税年度终了后
  • 开专票需要哪些东西
  • 一般纳税人注销库存需要补交税吗
  • 财政资金安排促进高质量发展
  • 六月雪的养殖方法和注意事项
  • 进项票未认证怎么入账
  • 前端向后端发送请求
  • 电脑右下角总是弹出广告
  • 外购货物用于职工福利进项税额可以抵扣吗
  • 专项贷款损失准备金在一定程度上具有资本的性质
  • 手续费在银行系统哪里查
  • 如何计提加计抵减额分录
  • 普票销售方信息不完整可以用吗
  • 个人独资企业都需要交什么税
  • springboot基本结构
  • taskset 绑定cpu
  • 逾期未退押金是否确认收入
  • 发给客户的服装文案
  • 企业的日常活动都有哪些
  • 上一年的运费发票怎么开
  • 增值税专票只有右上角有发票号码
  • 会员卡怎样批量生成
  • 小规模企业每月收入多少可以不纳税
  • 不合格机器设备怎么处理
  • 乡村道路属于城市道路吗
  • 企业常用会计科目表及其解释
  • 以设备投资入股的账务处理
  • 工会经费的会计分录2022
  • 查补以前年度增值税怎么申报
  • 低值易耗品费用记在什么费用
  • 单位工程可以是一栋楼吗
  • 全额事业单位和差额事业单位退休工资有什么区别
  • 付国外客户佣金怎么代扣代缴增值税
  • 固定资产报废如何进行账务处理
  • 跨年度发票作废已交税怎么办
  • 固定资产报废的变卖收入计入哪个科目
  • 所得税汇算清缴退税会计分录怎么做
  • 注销公司复杂吗?
  • 对外投资如何做帐
  • 小规模纳税人的认定标准是什么
  • mysql 5.5 5.6
  • mysql模糊查询like多个条件
  • 目前默认系统%1
  • win7如何查看电脑
  • win10玩魔兽争霸卡顿
  • u盘启动pe装机工具怎么用
  • win8电脑屏幕亮度调节在哪里设置
  • executor进程
  • win8如何进入bios
  • 如何制作u盘启动盘
  • win7电脑屏幕设置常亮不黑屏
  • win10系统网络连接配置异常
  • 在linux系统中,用来存放各种配置文件的目录
  • win7网页有错误如何修复?
  • cocos2d游戏源码
  • unity3d协程的作用
  • opengl安装教程
  • jquery教程w3c
  • nodejs socket框架
  • unity 3d完全自学教程
  • c# /n
  • jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
  • 使用jQuery调用XML实现无刷新即时聊天
  • python res.
  • 怎么打印纳税申报表带章的
  • 直系亲属房产买卖过户税费
  • 青岛市地方税务局关于发票
  • 法制观念的问题
  • 江苏省国家税务局总局官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设