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

  • 所得税汇算清缴招待费扣除标准
  • 出口退税政策
  • 纳税申报期限是纳税期限期满后的时间
  • 印花税的应税凭证名称怎么填写
  • 利息收入交所得税吗
  • 个人所得税红利20%
  • 软件平台服务公司的营业执照经营范围怎么写
  • 固定资产未付款怎么入账
  • 新企业所得税法规定的企业所得税基本税率
  • 劳务派遣用工的岗位只能在哪些工作岗位上实施
  • 员工福利费进项转出
  • 诉讼财产保全保险费计算
  • 收款费用明细表
  • 小规模纳税人税收优惠政策变化
  • 甲公司采用租赁方式租入一台大型设备
  • 增加实收资本印花税税目
  • 党建经费如何入账
  • 销售单价的变动,将促使保本点( )
  • 应收账款坏账收回会计处理
  • 企业短期投资交增值税吗
  • 公司 期货投资
  • 上月留抵进项抵扣分录
  • 财务都干些什么
  • 促销费影响主营利润吗
  • 发票如何认证及开票
  • 存货周转率公式怎么算
  • 盘点的原则包括
  • 海康威视web开发接口文档
  • 认缴制注册资金不交可以吗
  • 资本公积转增股本需要缴纳个人所得税吗
  • 固定资产管理系统多少钱
  • 利用php判断文件是否存在
  • 出口退税备案是代理的需要主办会计身份证复印件吗
  • 服务什么行业
  • 企业计提的医疗保险属于企业设定提存计划的内容
  • 有合同没有发票怎么入账
  • 公司的实收资本是什么意思
  • java公平锁有哪些
  • 生产成本明细账t型账
  • 税盘清卡清不了怎么办
  • 销售旧货和销售使用过的固定资产区别
  • sql server列属性
  • mysql显示数据库中的表
  • 2021年废铁回收
  • 追索权定义
  • 跨月发票税率开错了如何处理合适?
  • 预缴增值税销售额是含税还是不含税的开票金额
  • 蓝字发票作废流程视频
  • 会计科目表2023
  • 结转销项税额至未交增值税的结转系数
  • 差旅费用包含哪些
  • 公司向法人借款需要交税吗
  • 预收款退还如何处理
  • 支付中标服务费借款情况说明怎么写
  • 计提了减值准备怎么算折旧额
  • 结账后发现期间损益结转的凭证做错
  • 成本增加比例怎么算的
  • 投标保证金的计算
  • 银行汇票的适用主体
  • 事业单位企业所得税汇算清缴怎么做
  • 应付账款怎么做平
  • 建账时必须输入的内容有哪些
  • sql server 获取今天的数据
  • mysql5.7.21安装教程
  • linux cat 命令
  • win7怎么关闭自带键盘
  • windowsapp文件夹打不开
  • win7怎么取消锁定
  • css选择器类选择器
  • linux安装oracle数据库步骤
  • 批处理文件是将需要连续使用的可多次重复使用的
  • [置顶]JM259194
  • 介绍一个简单的实验
  • Android---41---Service简介
  • python迭代算法举例
  • js行号显示的文字不一样
  • unity的shader在哪儿
  • 深入理解新发展理念,推进供给侧结构性改革
  • 虚开增值税发票但未抵扣怎样处罚
  • 江苏发票真伪查询网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设