当前位置: 首页 > news >正文

<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}
}

http://www.lryc.cn/news/162798.html

相关文章:

  • 基于SSM的鲜花商城系统【附源码文档】
  • 【算法与数据结构】501、LeetCode二叉搜索树中的众数
  • Spring MVC 六 - DispatcherServlet处理请求过程
  • Python实现猎人猎物优化算法(HPO)优化BP神经网络回归模型(BP神经网络回归算法)项目实战
  • 【图论】SPFA求负环
  • vue3中的吸顶导航交互实现 | VueUse插件
  • MySql 笔记
  • 部署elasticsearch集群
  • CTF入门学习笔记——Crypto密码(现代密码)
  • (3)MyBatis-Plus待开发
  • 正则表达式参考手册
  • 【农业生产模拟】WOFOST模型与PCSE模型实践
  • PHP8中获取并删除数组中最后一个元素-PHP8知识详解
  • JS原理-笔记(1/3)
  • Django创建应用、ORM的进阶使用及模型类数据库迁移
  • tcpdump 如何使用
  • goweb入门
  • 【python爬虫】批量识别pdf中的英文,自动翻译成中文下
  • YApi 新版如何查看 http 请求数据
  • 自动驾驶(apollo)
  • web3.0涉及的技术
  • 26. 不相同的字符串(第一期模拟笔试)
  • Rethink LSTMGRU
  • 状态管理艺术——借助Spring StateMachine驭服复杂应用逻辑
  • 获取和设置小程序和h5的页面栈
  • Mysql基于成本选择索引
  • Element-ui container常见布局
  • ssm实现折线统计图
  • GLSL ES着色器 精度限定字
  • webrtc的FULL ICE和Lite ICE