iview input限制只能输入数字,不能输入‘+‘/‘-‘/‘e‘/‘E‘

最新推荐文章于 2024-04-29 10:40:41 发布

熊xing

最新推荐文章于 2024-04-29 10:40:41 发布

阅读量1.2k

点赞数

文章标签： view design 前端 javascript

本文链接：https://blog.csdn.net/weixin_47239395/article/details/131210495

版权

在日常的开发中会遇到表单中输入金额的实例，需求保留输入框金额小数点固定位数，如果仅仅适用是没办法直接做到的，会将+、-、e识别位数字的一种，随意这时候就需要我们单独处理:

// vue+iview实例:
<template>
 <Input v-model='input' @on-keydown='onKeydown' type='number' clearable></Input>
</template>

<script>
export default ({
   data () {
     return {
       input: ''
     }
  },
	methods: {
	  onKeydown (e) {
	    let key = e.key
	    if (key == 'e' || key == 'E' || key == '+' || key == '-') {
	      e.returnValue = false
	    } else {
	      e.returnValue = true
	    }
	  }
	}
})
</script>