<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
  }
}
相关推荐
简简单单就是我_hehe10 分钟前
高效掌握 JeecgBoot JSelect 组件:外部传参、搜索回显与默认值设置全攻略
前端
闲适达人13 分钟前
nginx传递url的获取方案
java·服务器·前端
石小石Orz15 分钟前
给Claude增加状态栏显示:claude-hud保姆级教程
前端·人工智能·后端
chushiyunen35 分钟前
typescript笔记、ts笔记、npx命令
javascript·笔记·typescript
ZC跨境爬虫37 分钟前
跟着 MDN 学 HTML day_55:HTML 音频与视频嵌入实战指南
前端·javascript·ui·html·音视频·媒体
276695829238 分钟前
阿里图像修复验证码自动化分析
java·前端·自动化·阿里滑块·drssionpage·阿里图像修复验证码·阿里图像复原
Jack N43 分钟前
2026 浏览器原理 常见面试题(附答案)
前端·html·浏览器
何何____43 分钟前
CSS 易混淆易错知识点
前端·css
北山有鸟44 分钟前
常用的快捷键
linux·前端·chrome·单片机·学习