vue输入在单击时清除

Question

我的输入看起来像：

<input type="text" name="avr" value="{{ arv  | currency}}" v-model="arv  | currency">

数据模型如下：

data: {
   avr: '', 
}

，数据在ready上设置，请求如下：

this.arv =  this.meta[i].metadata_value;

现在一切正常，我在输入中得到了正确的值，但是当你想要输入完全清除时点击输入来改变它，所以你松开了数字。这是为什么这样做的？如果需要，您应该只需单击并更改数字，而无需完全清除输入。

如果我抛弃v-model="arv | currency"它会按预期运行，但我的Watch函数不会。

Answer 1

不应在v-model中使用货币过滤器，您应该删除value="{{ avr | currency }}"，因为v-model会处理该值。

您可以将请求格式化为货币格式，然后再将其分配给var，这样您的输入将如下所示：

<input type="text" name="avr" v-model="avr">

然后在ready：

this.avr = formatToCurrencyFn(this.meta[i].metadata_value);