vue <el-input>输入框的一点小技巧
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue <el-input>输入框的一点小技巧相关的知识,希望对你有一定的参考价值。
参考技术A 我们开发中 使用到 < input v-model="xxxx"/> 或 <el-input v-model="xxxx"> 时,通常的需求都是希望对输入的数据去掉前后空格,只是没有刻意说明而已,故在接到需求时,可以问一下,是否需要去掉输入字符串的前后空格(大部分需求都是需要的)。vue 提供了便捷的 .trim、.number 修饰符。vue element组件库<el-input>限制只能输入数字,且保留小数后两位
参考技术A项目需求el-input组件输入的时候使用 v-model.number="value" 一开始可以输入任何字符。除非第一次输入为数字,后面输入的内容才会被限制,只能输入数字。这个并不符合需求。
我们要实现如下功能:
以上是关于vue <el-input>输入框的一点小技巧的主要内容,如果未能解决你的问题,请参考以下文章
vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘