<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
  }
}
相关推荐
英勇无比的消炎药11 分钟前
一站式汇总TinyVue工具案例与真实落地经验
vue.js·前端框架
xiaofeichaichai16 分钟前
前端安全 XSS 与 CSRF
前端·安全·xss
JS菌24 分钟前
Skills 动态加载系统:让 AI Agent 按需获取领域知识
前端·人工智能·后端
weedsfly26 分钟前
Sass 代码复用完全指南:从变量到模块化
前端
张拭心31 分钟前
Android 17 新特性:后台音频交互限制加强
android·前端
张拭心40 分钟前
Android 17 新特性:ProfilingManager 新触发器
android·前端
黄敬峰1 小时前
从 XMLHttpRequest 到 JSON 模拟:打通前后端通信的任督二脉
javascript
weixin_471383031 小时前
Taro-03-页面生命周期
前端·javascript·taro
张拭心1 小时前
Android 17 新特性:MessageQueue 无锁实现
android·前端