<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
  }
}
相关推荐
郑板桥3019 小时前
如何自定义一个MCP服务器:从零到一的完整指南
前端·vscode
BlackWolfSky19 小时前
Web基础
前端
b***666119 小时前
【慕伏白教程】Zerotier 连接与简单配置
android·前端·后端
我爱学习_zwj19 小时前
《第七章》TS工程基础:检查指令与类型声明实战
前端·typescript
关于不上作者榜就原神启动那件事19 小时前
心跳机制详解
java·前端·servlet
杀死那个蝈坦19 小时前
Redis 持久化 主从 哨兵 分片集群
前端·bootstrap·html
eason_fan19 小时前
什么是模块联邦?(Module Federation)
前端·javascript·前端工程化
J总裁的小芒果19 小时前
el-table 假数据合并
javascript·vue.js·elementui
W***D45519 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
VX:Fegn089519 小时前
计算机毕业设计|基于springboot + vue毕业设计选题管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计