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

  • 个税分类所得税率
  • 税收减免属于什么收入
  • 增值税专票和普票的区别税率
  • 小规模纳税属于什么类型
  • 保理公司发放贷款
  • 母子公司间借款利息交税吗
  • 房产经纪公司成本费用
  • 企业所得税滞纳金从什么时候开始算
  • 房产未竣工如何缴纳房产税
  • 个贷系统平账户
  • 跨年暂估收入如何调整
  • 收到公益性捐赠所得税
  • 话费发票入账
  • 受托软件开发不转让著作权的账务处理
  • 企业购入旧固定资产如何计提折旧
  • 赞助费属于赠与关系吗
  • 增值税品目有哪些
  • 软件企业怎么享受三免两减半
  • 为什么电脑上找不到蓝牙耳机
  • 坏账核销谁来审批
  • 股东以车辆出资 涉及哪些税费
  • 贸易公司未开票收入要报税吗
  • 收到投资款会计科目怎么做账
  • 上月计提租赁费下月扣怎么做账
  • 公司员工驻外补贴政策
  • h3c路由配置教程
  • 人力资源劳务外包合同
  • 购买财务软件申请怎么写
  • 怎么做好零售
  • 公积金的扣款怎么取消
  • 增值税发票可以抵扣多少
  • 房产开发企业交房产税吗
  • uniapp相关面试题
  • 应交税费会计分录例题
  • 蓝桥杯第十四届模拟赛第三期
  • 餐饮服务专票可以抵税吗
  • python cox
  • 货款必须对公帐户支付吗
  • 编制科目余额表的方法
  • 应该是下个月
  • 预收款方式销售货物的会计分录
  • 个人所得税汇算清缴
  • 浅谈一下新冠的好处
  • 劳务外包人员算从业人员期末人数么
  • mysql错误日志在哪里
  • 人力资源行业企业成长
  • 销售费用期末余额
  • 生产成本可以结转到主营业务成本吗
  • 跨月冲红的发票怎么做会计分录
  • 个体户减免税额怎么填
  • 业务员出差借款,用途写什么
  • 单位结算卡和回单卡
  • 电子口岸登录显示证书错误
  • 其他资本公积核算哪些内容
  • mysql在查询结果中查询
  • sql server m1
  • 除MSSQL数据库text字段中恶意脚本的删方法
  • windows server 2008的技巧:防止ping的方法
  • xp开始界面
  • win8官方u盘安装教程
  • on_wm_lbuttondown
  • win10系统安装.net framework 3.5
  • linux内核模块命令
  • 微软十周年
  • windows10x预览版
  • win8系统安装条件
  • 如何保留windows.old
  • win7安全更新kb4534314
  • node.js连接mysql的数据怎么可视化
  • cocos2d游戏源码
  • nodejs mock
  • 序列化和反序列化是什么意思
  • bat脚本删除注册表
  • jquery model
  • Unity3D游戏开发标准教程
  • win7 python
  • windows捕获文件夹
  • c# addin
  • 江苏国税电子税务局官网
  • 云南省代理记账管理实施办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设