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

  • 做好 O2O 业务用户体验的三个要素(o2o工作)

    做好 O2O 业务用户体验的三个要素(o2o工作)

  • IQOONeo5支持的屏幕刷新率是多少(iqooneo5是几k屏)

    IQOONeo5支持的屏幕刷新率是多少(iqooneo5是几k屏)

  • qq如何分享聊天记录(qq怎么找人聊天)

    qq如何分享聊天记录(qq怎么找人聊天)

  • 苹果11怎么拼图照片(苹果11怎么拼图照片 用手机)

    苹果11怎么拼图照片(苹果11怎么拼图照片 用手机)

  • 抖音直播涂鸦礼物在哪里(抖音直播涂鸦礼物多少钱)

    抖音直播涂鸦礼物在哪里(抖音直播涂鸦礼物多少钱)

  • 抖音一天最多可以关注多少人(抖音一天最多可以关注多少个人)

    抖音一天最多可以关注多少人(抖音一天最多可以关注多少个人)

  • qq加好友怎么不显示来源(qq加好友怎么不让他显示加人途径)

    qq加好友怎么不显示来源(qq加好友怎么不让他显示加人途径)

  • 苹果11和11p尺寸(苹果11和11p配置参数表对比)

    苹果11和11p尺寸(苹果11和11p配置参数表对比)

  • 苹果手机有锁无锁是什么意思(苹果手机有锁无锁查询)

    苹果手机有锁无锁是什么意思(苹果手机有锁无锁查询)

  • 拼多多没有拼单成功的怎么退款(拼多多没有拼单但付款成功会不会发货)

    拼多多没有拼单成功的怎么退款(拼多多没有拼单但付款成功会不会发货)

  • ps填充颜色的快捷键(ps填充颜色快捷键苹果)

    ps填充颜色的快捷键(ps填充颜色快捷键苹果)

  • 字体设计类型及特点有哪些(字体设计类型及特征)

    字体设计类型及特点有哪些(字体设计类型及特征)

  • 苹果手机怎么不能下载抖音极速版(苹果手机怎么不让他自动旋转)

    苹果手机怎么不能下载抖音极速版(苹果手机怎么不让他自动旋转)

  • 2000mb是多少内存(2000 mb相当于多少g)

    2000mb是多少内存(2000 mb相当于多少g)

  • ipad怎么查询是否是山寨机(iPad怎么查询是不是扩容机)

    ipad怎么查询是否是山寨机(iPad怎么查询是不是扩容机)

  • 如何将word生成二维码(如何将word生成草料二维码)

    如何将word生成二维码(如何将word生成草料二维码)

  • 蓝牙耳机为什么不能视频通话(蓝牙耳机为什么会自动断开)

    蓝牙耳机为什么不能视频通话(蓝牙耳机为什么会自动断开)

  • 苹果手机蓝色的心怎么打(苹果手机蓝色的话筒)

    苹果手机蓝色的心怎么打(苹果手机蓝色的话筒)

  • 小米手环4nfc什么时候上市(小米智能手环4nfc)

    小米手环4nfc什么时候上市(小米智能手环4nfc)

  • 优酷hdr画质是什么(优酷hdr和1080p哪个清晰)

    优酷hdr画质是什么(优酷hdr和1080p哪个清晰)

  • qq被冻结7天怎么快速解冻(qq被冻结7天账号怎么恢复正常)

    qq被冻结7天怎么快速解冻(qq被冻结7天账号怎么恢复正常)

  • 关于WEB-INF目录及Tomcat部署方式、原理的简单理解(web-inf lib)

    关于WEB-INF目录及Tomcat部署方式、原理的简单理解(web-inf lib)

  • 微擎框架破解版v2.7.7去授权一键安装纯净商业版(微擎纯净框架,无任何限制)-电脑学习网(微擎框架可以干什么)

    微擎框架破解版v2.7.7去授权一键安装纯净商业版(微擎纯净框架,无任何限制)-电脑学习网(微擎框架可以干什么)

  • 税控盘的维护费
  • 收到投资款要交企业所得税吗为什么
  • 交城市维护建设税填什么凭证
  • 公司食堂菜金会计分录
  • 待抵扣进项税额怎么算
  • 滞纳金海关
  • 典当行借贷属于民间借贷吗
  • 微信提现手续费最新规定
  • 预缴工程税的帐务处理如何做?
  • 收到基金计入什么科目
  • 四季度企业所得税怎么报
  • 国税局代开增值税专票要哪些资料?
  • 大众创业的后果
  • 股权案例分析2020
  • 城市生活垃圾处理与资源化利用工艺设计
  • 财政补助结转余额在借方还是贷方
  • 个人独资企业所得税缴纳标准
  • 总资产利润率计算公式是什么意思
  • qq助手有什么用处
  • 打开网页时显示无法获取属性
  • win10系统出现蓝屏恢复
  • efi bios u盘启动
  • win11打开图片
  • services. exe
  • 苹果推送最新系统怎么弄
  • win10右键没有新建excel和word
  • windows 10音响没有声音
  • 我辞职了公积金怎么交
  • 工业企业成本核算会计分录
  • 鼓励证券投资基金的政策
  • 三公经费包括哪些支出
  • 基于Python实现五大常用分类算法(原理+代码)
  • 前端面试题基础篇
  • opencv焊点缺陷检测
  • 如何进行合理的库存管理
  • 电子发票开出后如何查看
  • 个人所得税经营所得
  • 代收通行费不征消费税
  • 本月无开票企业怎么报税
  • 2022年最新版微信
  • 织梦专题页模板
  • 帝国cms适合个人用吗
  • 员工领了备用金怎么办
  • 小规模差额征税可以开专票吗
  • 进口货物如何支付外汇
  • 房地产增值税可以抵扣吗
  • 一般纳税人增值税怎么算
  • 资产负债表里的固定资产是原值还是净值
  • 应缴国库款和应缴财政专户款有什么区别
  • 社会保险费结算表怎么打印
  • 车辆保险费算什么费用
  • 投资收益科目的借贷
  • 银行回单可以跨年入账吗
  • 财付通交易手续费多少
  • 商业折扣的会计分录
  • sqlserver 查看表
  • 使用筷子就餐会不会传染乙肝病毒
  • freebsd联网
  • xp安全模式怎么用
  • linux查看当前时间戳
  • ubuntu系统安装nvidia显卡驱动
  • win7旗舰版显示器亮度调节
  • ubuntu命令行调节音量
  • win7z
  • win8怎么打开ie浏览器
  • win8怎么设置
  • win10标准用户权限
  • JavaScript中数组长度的属性
  • jQuery实现非常实用漂亮的select下拉菜单选择效果
  • Python+Wordpress制作小说站
  • 批处理 !!
  • ztree重新加载数据
  • 编写shell脚本,批量建立用户
  • 有趣的单机游戏
  • javascript的
  • jquery 购物车
  • 安卓打包安装程序apk
  • 全国低保查询系统网站
  • 天津本田天虹90摩托车库存
  • 上海网上申报软件怎样下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设