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

  • 合并报表逆流抵消
  • 成本费用的关系
  • 劳务什么情况下会多扣税
  • 开户行为什么是中国建设银行总行
  • 销售折让开具红字
  • 预提费用账户期末
  • 存货取得的分录
  • 出口货物是否属于存货
  • 当月预交增值税时所属期选了上期怎么办
  • 总账中余额为负怎么写
  • 企业名称变更后原名称还能使用吗
  • 在杂志上发表论文
  • 企业取得的不征税收入需要在几年内花出去
  • 技术服务合同在北京由哪个法院管辖
  • 股权取得
  • 成本费用的结转方法
  • 库存商品结转成本摘要怎么写
  • 财务分析的起点是企业的内部分析报告
  • 知道发票代码怎么查询发票号码
  • 银行承兑贴现到哪里去了
  • 无法设置面容id怎么办
  • 出口暂定关税
  • 鸿蒙系统网络差怎么解决
  • 苹果桌面小工具怎么设置
  • css 栅格
  • 拍卖本人文字作品原稿
  • 租房交了押金
  • 以太网默认网关不可用
  • 储金会是干什么的
  • 价税款均未支付
  • 往来款项账务处理
  • framework4.0怎么打开
  • 餐饮业开具增值税专用发票
  • ai安装教程2020
  • vue-cli4创建项目
  • 金蝶会计报表公式
  • 营业成本包含折旧和摊销吗
  • 房产税的定义是什么
  • 非公司员工可以报销差旅费吗
  • 公司没有账套怎么做账
  • 其他应收款科目代码
  • 小规模纳税人个体户经营所得税怎么算
  • 员工垫付费用怎么做账
  • 工程款的税费怎么计算
  • 当月无销售要计提工资吗
  • 用友u8怎样查询上个月凭证
  • 印花税税率是多少
  • 固定资产清理账户的借方登记的项目有
  • 平销返利销项税
  • 核定征收需要什么资料
  • 微众银行贷款到私账吗
  • 账户信息变更说明
  • 医药进销存管理系统
  • 免税收入怎么申报增值税
  • 根据日期算时间
  • linux存在的意义
  • win7卸载系统软件
  • win10假死的原因
  • mac快速操作在哪
  • win8尝试修复
  • win7系统宽带连接错误651
  • win7系统自带网卡吗?
  • win7怎么设置u盘启动为第一启动项
  • cocos2dx入门
  • opengl入门教程(精)
  • python输出1-100
  • android listview属性
  • 简述图像批处理的操作过程
  • table css 模板
  • 完美解决怠速抖动加油就平稳
  • nodejs获取post数据
  • linux中gzip的用法
  • 适配是什么
  • python爬取新浪股票数据
  • 风力发电,光伏发电还有哪些
  • 北京税务跨区迁移不予受理,原因是什么
  • 本市可以跨县高考报名吗
  • 所得税调增调减搞不清
  • 长沙的河西包含哪几个区
  • 新疆哪个城市最有发展前景
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设