vue项目中限制input只能输入一个小数点及后两位number

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目中限制input只能输入一个小数点及后两位number相关的知识,希望对你有一定的参考价值。

参考技术A

我这里用的是 vue 移动端的 vant 框架中的 NumberKeyboard 数字键盘 组件

如下图这种效果 ↓

推荐使用 Vue 官方提供的脚手架 Vue Cli 3 创建项目
npm install -g @vue/cli

vue create hello-world

npm 安装
npm i vant -S
** yarn 安装**
yarn add vant

babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
安装 babel-plugin-import 插件
npm i babel-plugin-import -D

记载下,方便自己以后重新回顾。


以上是关于vue项目中限制input只能输入一个小数点及后两位number的主要内容,如果未能解决你的问题,请参考以下文章

vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘

vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘

限制input只能输入数字/数字和小数点

Vue 限制input输入 限数字 或 小数点后两位number

input中只能填数字的限制

vue element input 限制输入数字后几位小数点