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框 限制 只能输入数字及几位小数(自定义)和输入框之键盘