Vue的常用修饰符

1|0总结一些Vue的修饰符：

 

修饰符分为：表单修饰符、事件、v-bind修饰符、鼠标按键、键盘按键

 

2|01.表单 (v-model)

 

lazy              在填完信息，光标离开标签的时候，才将值赋予。

trim             自动过滤前后空格，而中间的空格不会过滤。

number      自动将用户的输入值转为数值类型，若这个值无法被解析，则会返回原来的值。

 

3|02.事件 （v-on）

 

stop             阻止了事件冒泡。

prevent        阻止了事件的默认行为。

once            绑定的事件只能触发一次。

capture        让事件触发从包含这个元素的顶层开发往下依次触发。

self               将事件绑定自身，阻止事件冒泡。

passive         防止一些事件不可避免的持续触发 类似增加了  .lazy 修饰符。

native           让组件变成像html内置标签那样监听根元素的原生事件，否则组件上使用v-on只会监听自定义事件。

 

4|03.v-bind

 

async            能对props进行一个双向绑定（注意事项 在组件传递的事件名必须为updata：value 其中value必须与声明的名字一致（v-bind：message.async=''   ，则updata：message））。

prop            设置自定义标签属性，避免暴露数据，防止污染HTML结构。

camel          将命名变为驼峰法命名法。

 

5|04.鼠标按键

 

left             左键点击
right          右键点击
middle       中键点击

 

6|05.键盘

 

普通键
系统修饰键

 

__EOF__

本文作者：Faypp
本文链接：https://www.cnblogs.com/Faypp/p/16565144.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！