博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue的常用修饰符
阅读量:3917 次
发布时间:2019-05-23

本文共 695 字,大约阅读时间需要 2 分钟。

1. v-model的修饰符

number修饰符:将输入转为数值型lazy修饰符:在change时而非input时更新(注:@change 在输入框发生变化且失去焦点后触发。	 @input 在输入框内容发生变化后触发。	 @blur 失去焦点就触发。)trim修饰符:去掉输入内容前后空白字符

2. 事件修饰符

修饰符是用点开头的指令后缀来表示的。修饰符是用点开头的指令后缀来表示的。修饰符是用点开头的指令后缀来表示的。.stop.self.prevent.capture.once.sync修饰符是可以串联的如:v-on:click.stop.prevent在元素中只使用修饰符@click.stopv-on:click.capturev-on:click.self使用修饰符时,顺序很重要如:v-on:click.prevent.self 会阻止所有事件的点击	v-on:click.self.prevent 只阻止对自身事件的点击	v-on:click.once 点击事件只会触发一次

3.按键修饰符

v-on:click.keyup.13 ===v-on:click.enter@click.entervue中全部的按键别名.enter.esc.up.down.left.right.delete.space.tab

4. 系统修饰符

@keyup.alt.65 ---- ALT+A键@click.alt ---- 鼠标点击+ALT键.ctrl.alt.shift.meta

https://www.cnblogs.com/gitByLegend/p/10835064.html

你可能感兴趣的文章
使用 Visual Studio 2019 批量添加代码文件头
查看>>
【BCVP更新】StackExchange.Redis 的异步开发方式
查看>>
Istio 1.7——进击的追风少年
查看>>
.NET5.0 Preview 8 开箱教程
查看>>
efcore技巧贴-也许有你不知道的使用技巧
查看>>
真・WPF 按钮拖动和调整大小
查看>>
做权限认证,还不了解IdentityServer4?不二话,赶紧拥抱吧,.NET Core官方推荐!...
查看>>
MongoDB最新4.2.7版本三分片集群修改IP实操演练
查看>>
编写第一个 .NET 微服务
查看>>
深入探究.Net Core Configuration读取配置的优先级
查看>>
Blazor带我重玩前端(六)
查看>>
使用 C# 捕获进程输出
查看>>
数据库单表千万行 LIKE 搜索优化手记
查看>>
.NET Core 中生成验证码
查看>>
.NET Core 中导入导出Excel
查看>>
初识ABP vNext(8):ABP特征管理
查看>>
WPF 消息框 TextBox 绑定新数据时让光标和滚动条跳到最下面
查看>>
【BCVP】实现基于 Redis 的消息队列
查看>>
网络安全逐渐成为程序员的必备技能
查看>>
在Docker中配置ASP.NETCore的HTTPS模式
查看>>