vue中的修饰符

2020-05-10  本文已影响0人  nora_wang

1.lazy
在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:

<!-- input绑定的值在change事件同步 -->
<input v-model.lazy="msg" >

2.number 将输入框v-model 对应的值转为数值类型

<input v-model.number ="msg" >

3.trim 过滤首尾空格

<input v-model.trim="msg" >
{{ msg | trim }}

上一篇下一篇

猜你喜欢

热点阅读