如果 0，VueJS 不显示输入值

Question

我有一个从我的数据库预先填充的输入字段，但如果值为0，我不希望它被预先填充

例如：

<input v-model="price" type="text">

如果

  data: {
 price: 0
}

我不希望我的输入字段显示 0，我知道我可以做类似的事情，:disabled="price == 0"但这会隐藏整个输入字段，我只是不想显示值为 0 的值

Answer 1

当价格为 0 时，只需将价格更改为空字符串：

created() {
    //since 0 is considered false it will put an empty string in case priceFromDB is 0
    this.price = priceFromDB || ''
  }