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

  • 小规模纳税人收普票和专票有什么区别
  • 发票丢失第一联盖章能用么
  • 水利建设专项资金收入优惠政策
  • 小企业会计准则是什么意思
  • 员工工伤住院伙食补助标准是多少
  • 无形资产登记什么明细账
  • 坏账核销计入营业利润吗
  • 企业所得税季报可以更正吗
  • 出口销售收入会计分录
  • 企业资产永久或实质性损害如何进行所得税处理
  • 会计凭证填制错误怎么办
  • 持有至到期投资科目被取消了吗
  • 土地使用权入账价值
  • 从基本存款账户之外的银行结算账户转账存入
  • 施工企业确认收入的方法有哪两种
  • 医院计提坏账准备分录
  • 每月认证多少发票怎么算
  • 金融公司一般有哪些业务
  • 报销抵冲银行日记帐要怎么入帐?
  • 资源税纳税期限按月还是按季
  • 仪器购买税率
  • 开发支出会计科目
  • 工资五险一金缴费标准是多少
  • 电脑蓝屏代码0x0000003B
  • 如何冲回以前年度账户
  • 房屋扩建折旧年限怎么算
  • 摊销费用的会计科目
  • 半月湾在哪
  • 车辆购置税退税计算
  • 买过来的土地可以确权吗
  • vue3加ts
  • 微信小程序小小驯龙师破解版
  • 关于成本核算的论文题目
  • 无形资产摊销怎么计算月摊销额
  • 帝国cms移动端
  • 电子发票查询真伪
  • 现金流量表里支付的各项税费包括什么
  • 汇算清缴银行手续费放哪里
  • 什么叫固定资产台账
  • 公司从异地迁移到本地怎么向当地政府写申请
  • 租赁期间因占有、使用租赁物获得的收益
  • 合并报表存货抵消
  • 长期持股的最好方法
  • 会计凭证的做账原则
  • 递延所得税会计处理全过程
  • 进项大于销项会退税吗
  • 上个月库存没用完的下个月怎么计算
  • 担保公司预计负债
  • 自产自销的免税票
  • 财务费用在贷方,怎么结转到本年利润?
  • 固定资产清理包括什么会计科目
  • 恢复网页浏览历史记录
  • mysql数据库高可用方案
  • sql server如何打开mdf格式文件
  • 用sql语句添加删除字段
  • centos7.9命令
  • mysql密码忘记了怎么找回
  • Win7系统如何清除流氓屏保
  • win8什么时候停止更新
  • fedora 10
  • win7系统笔记本怎么连接wifi
  • linux录屏软件安装
  • windows万能wifi
  • win8.1怎么用
  • window10删除自带输入法
  • fragmentize
  • python 单例
  • perl $?
  • Bullet(Cocos2dx)之交叉编译Android,集成到cocos2dx3.x
  • opengl画直线
  • nodejs模块有哪些
  • android tabview
  • Node.js中 __dirname 的使用介绍
  • 税务机关落实六保六稳
  • 农商银行股权分红如何计算
  • 与税务有关的公需课
  • 国税局的标志
  • 重庆两江新区购房政策
  • 个人所得税工资达到多少才交税
  • 加工修理修配税率是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设