el-input 限制输入框只能输入数字和小数以及表单常用的校验规则

最新推荐文章于 2025-04-27 20:45:00 发布

嫣嫣细语

最新推荐文章于 2025-04-27 20:45:00 发布

阅读量1.7k

点赞数 5

分类专栏：前端 javascript 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/aaa123aaasqw/article/details/139268903

版权

1、纯输入框使用

方法一：

oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字

oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数

<el-input 
    v-model="sjje" 
    oninput ="value=value.replace(/[^0-9.]/g,'')" 
    class="money sjje">
	<span slot="suffix">/ 元 </span>
</el-input>

方法二：

	<el-input v-model="sjje" class="money sjje" @input="inputChange">
      <span slot="suffix">/ 元 </span>
    </el-input>
 
	inputChange(val) {
      this.sjje = this.sjje.replace(/[^0-9.]/g,