基于elemenplus的input实现整形输入框切最小值为0

最新推荐文章于 2024-02-23 10:20:00 发布

写bug的小张

最新推荐文章于 2024-02-23 10:20:00 发布

阅读量229

点赞数

文章标签： java 前端算法

本文链接：https://blog.csdn.net/qq_46639390/article/details/132620153

版权

代码如下

<el-input v-model="num" placeholder="Please input" :formatter="formatter" :parser="parser" />

const num = ref(0)
const formatter = (value) => {
  if (value === "") {
    return ""
  }
  // 只允许输入整数
  const intValue = Math.floor(value);
  // 最小值为0
  const formattedValue = Math.max(0, intValue);
  return String(formattedValue);
}
const parser = (value) => {
  if (value === "") {
    return ""
  }
  // 移除非数字字符
  const parsedValue = value.replace(/[^\d]/g, "");
  // 最小值为0
  const parsedIntValue = Math.max(0, parseInt(parsedValue));
  return String(parsedIntValue);
}```