Javascript 如何将currency实现为静态类？

这是我在使其成为静态之前使用的货币代码

| currency('£')

这是我目前的输入字段，没有货币-

<input v-bind:class="{'is-static': !foodItem.editing}" type="text" class="input" v-model="foodItem.price">

---

当我自己实现它时，它总是把一切搞得一团糟，知道如何将该货币添加到我的输入中吗，非常感谢。

您可以使用if-else块：

<div v-if="!foodItem.editing">{{ foodItem.price  | currency('£') }}</div>
<div v-else>{{ foodItem.price }}</div>

{{foodItem.price}货币（“£”）}
{{foodItem.price}}

---

当

foodItem.editing

的值返回

false

时，您正在应用

是静态的
类。因此，在这种情况下，您将应用货币过滤器。
但这会影响我的编辑，当我按下编辑按钮时，它将不允许我像其他所有字段一样编辑价格？不，我不这样认为。为什么会有影响？当我按下“编辑所有其他字段”时，解锁并可以编辑它们，但此价格字段将不可编辑，请尝试。不知道为什么？可能是因为它缺少is static？因此，您在所有输入字段上都有
is static
类，并且当应用了该类时，您无法在输入上进行编辑？我的答案是显示和隐藏价格div，而不是它的输入字段。