v-model.trim用于去掉输入框内首尾空格
<template>
<a-input placeholder="请输入" />
</template>
其他修饰符
输入框改变lazy这个修饰符会在光标离开input框才会更新数据：.lazy
<input v-model.lazy="val" >
自动将用户的输入值转为数值类型：.number
<input v-model.number="value" type="number">
事件修饰符
阻止单击事件冒泡： @click.stop="onSubmit"
提交事件不再重载页面：@submit.prevent="onSubmit"
点击事件将只会触发一次: @click.once
.stop 阻止事件继续传播(冒泡)
.prevent 阻止标签默认行为
.capture 使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理
.self 只当在 event.target 是当前元素自身时触发处理函数
.once 事件只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为
v-model 的修饰符
.lazy 通过这个修饰符，转变为在 change 事件再同步
.number 自动将用户输入值转化为数值类型
.trim 自动过滤用户输入的收尾空格
网友评论