项目外包 网站开发,莱芜人才网招聘网,做的网站很卡,企业vi是什么意思文章目录 一、前言二、实现2.1、HTML2.2、只输入正整数2.3、只能输入数字或小数点 三、最后 一、前言
常见的el-input可能会限制用户只能输入正整数或保留两位小数#xff0c;达到输入金额的需求#xff0c;点击【跳转】访问el-input的官方文档 element-ui是有el-input-numb… 文章目录 一、前言二、实现2.1、HTML2.2、只输入正整数2.3、只能输入数字或小数点 三、最后 一、前言
常见的el-input可能会限制用户只能输入正整数或保留两位小数达到输入金额的需求点击【跳转】访问el-input的官方文档 element-ui是有el-input-number这个组件但是个人觉得不适用该组件更适合加减数量点击【跳转】访问el-input-number的官方文档 二、实现
2.1、HTML
templateel-inputv-modelnumberinputvalidateInput/
/template2.2、只输入正整数
export default {data() {return {number: }},methods: {// 限制正整数输入validateInput(value) {value value.replace(/[^0-9]/g, );if (value.indexOf(0) 0) {value ;} }}
}2.3、只能输入数字或小数点
export default {data() {return {number: ,}},methods: {// 限制只能输入数字或小数点validateInput(value) {value value.replace(/[^\d{1,}.\d{1,}|\d{1,}]/g, );value value.replace(/^(-)*(\d).(\d\d).*$/, $1$2.$3);}}
}三、最后
本人每篇文章都是一字一句码出来希望大佬们多提提意见。顺手来个三连击点赞收藏关注✨。创作不易给我打打气加加油☕