常用修饰符
(1)trim:过滤首尾空格
<input v-model.trim='name'>
(2)number:自动转换为number类型
<input v-model.number='name'>
(3)lazy:值与数据进行同步
在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:
<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="name" >
事件修饰符
例如:
<button v-on:click.stop="btn"></button >
//缩写
<button @click.stop="btn"></button >
(1)stop:阻止单击事件冒泡
(2)prevent:拦截默认事件
(3)passive:不拦截默认事件
(4)capture:事件捕获模式。即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理
按键修饰符
例如:
<input v-on:keyup.enter="name">
//缩写
<input @keyup.enter="submit">
(1)enter: 回车
(2)tab:切换
(3)delete (捕获“删除”和“退格”键)
(4)esc:退出
(5)space: 空格