饿了么输入框限制只能输入数字,并且保留小数

可以使用饿了么ui中的input-number组件实现输入框只能输入数字,这样就不能输入数字以外的,controls隐藏输入框左右俩边的加减按钮,precision小数点保留多少位,2则是俩位,但是会导致默认值为0.00的情况,俩种解决办法,

bash 复制代码
<el-input-number v-model="setForm.prize" :precision="2" :controls='false' placeholder="请输入保证金"></el-input-number>

第一:v-model中的字段默认要删除,因为vue的响应式特性,删除也没关系,值改动了或者编辑回显了,字段会自动添加

第二方法:给输入框设置min属性,min设置为''空字符串也可以解决这个问题

bash 复制代码
<el-input-number v-model="setForm.prize" :precision="2" min="''" :controls='false' placeholder="请输入保证金"></el-input-number>
相关推荐
盛夏绽放4 分钟前
Excel导出实战:从入门到精通 - 构建专业级数据报表的完整指南
开发语言·javascript·excel·有问必答
Mintopia7 分钟前
🌀曲面细分求交:在无限细节中捕捉交点的浪漫
前端·javascript·计算机图形学
Mintopia10 分钟前
🧙‍♂️用 Three.js 判断一个点是否在圆内 —— 一次圆心和点的对话
前端·javascript·three.js
liliangcsdn25 分钟前
mac mlx大模型框架的安装和使用
java·前端·人工智能·python·macos
CssHero28 分钟前
基于vue3完成领域模型架构建设
前端
PanZonghui31 分钟前
用项目说话:我的React博客构建成果与经验复盘
前端·react.js·typescript
挽淚34 分钟前
JavaScript 数组详解:从入门到精通
javascript
言兴35 分钟前
教你如何理解useContext加上useReducer
前端·javascript·面试
sunbyte38 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | GoodCheapFast(Good - Cheap - Fast三选二开关)
前端·javascript·css·vue.js·tailwindcss
前端的日常40 分钟前
网页视频录制新技巧,代码实现超简单!
前端