<el-input-number>显示两位数字;如果是一位数字的话前面补0

可以通过自定义 formatter 函数来实现。具体步骤如下:

  1. 在 <el-input-number> 上添加 :formatter 属性,值为 formatter 函数名。

  2. 在 methods 中定义 formatter 函数,该函数接收一个参数 value,表示当前输入框中的值。

  3. 在 formatter 函数中,先将 value 转化为字符串形式,然后判断字符串长度是否为 1,如果是,则在字符串前面添加一个 0。

  4. 最后返回处理后的字符串即可。

代码示例:

复制代码
<el-input-number :formatter="formatNumber"></el-input-number>

methods: {
  formatNumber(value) {
    let str = value.toString()
    if (str.length === 1) {
      str = '0' + str
    }
    return str
  }
}
相关推荐
YUJIANYUE几秒前
Gemini一次成型龙跟随鼠标html5+canvas特效
前端·计算机外设·html5
abiao19812 分钟前
npm WARN ERESOLVE overriding peer dependency
前端·npm·node.js
TechExplorer3655 分钟前
禁用 npm 更新检查
前端·npm·node.js
行云流水6263 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
zhangyao9403304 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
福尔摩斯张5 小时前
Axios源码深度解析:前端请求库设计精髓
c语言·开发语言·前端·数据结构·游戏·排序算法
aiguangyuan5 小时前
React 中什么是可中断更新?
javascript·react·前端开发
李牧九丶6 小时前
从零学算法1334
前端·算法
1***s6326 小时前
JavaScript微服务
javascript·微服务·devops