Vue v-model修饰符,@change事件
输入框经常受到需求或者客观逻辑的制约,对于输入内容需要就进行优化。v-model.number使用修饰符.number可以将输入的数据转换为Number类型,否则虽然你输入的是数字,但它的类型其实还是string。v-model.trim如果要自动过滤用户输入的首尾空白字符,可以给 v-model 添加 trim 修饰符。@change@change当输入框失焦的时候触发而且在elementUI中
·
输入框经常受到需求或者客观逻辑的制约,对于输入内容需要就进行优化。
- v-model.number
使用修饰符.number可以将输入的数据转换为Number类型,否则虽然你输入的是数字,但它的类型其实还是string。 - v-model.trim
如果要自动过滤用户输入的首尾空白字符,可以给 v-model 添加 trim 修饰符。 - @change
@change当输入框失焦的时候触发而且在elementUI中使用change时是这样的@visible-change。可以使用于:<input>
,<select>
, 和<textarea>
- @input
@input是输入框发生变化时触发,也就是说输入框一动就出触发了
<input
v-model.number="allStrategy[index].args.beginTimeAheadOfDeparture"
max="43200"
min="0"
type="number"
@change="allStrategy[index].args.beginTimeAheadOfDeparture=Math.floor(allStrategy[index].args.beginTimeAheadOfDeparture)">
直接会输入值取整。
更多推荐
已为社区贡献5条内容
所有评论(0)