javascript - VueJS 不显示输入值如果它是 0

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