可以通过自定义一个过滤器来实现这个功能。在模板中使用 v-model 绑定数据,然后在显示时使用过滤器将值为 0 的情况转换为空字符串。

示例代码如下:

<template>
  <div>
    <input type="text" v-model="inputValue | zeroToEmpty">
    <p>输入的值为:{{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: 0
    };
  },
  filters: {
    zeroToEmpty(value) {
      return value === 0 ? '' : value;
    }
  }
};
</script>

在上面的代码中,通过自定义一个 zeroToEmpty 的过滤器,将值为 0 的情况转换为空字符串。在模板中,使用 v-model 绑定数据并使用过滤器来显示数据。

vue input v-model值为0时显示空

原文地址: https://www.cveoy.top/t/topic/fUN2 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录