输入框经常受到需求或者客观逻辑的制约,对于输入内容需要就进行优化。

  • 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)">

直接会输入值取整。

Logo

前往低代码交流专区

更多推荐