vue.js没有正确写出特殊字符

Question

我的vue实例中有一个返回的过滤器：

filters: formatPrice {
    return "€" + (2000 / 100).toFixed(2)
}

但是当它像这样使用时：

<p class="price">
  {{ product.price | formatPrice }}
</p>

它输出€20.00而不是€20.00

我是否缺少正确渲染特殊字符的东西？

Answer 1

@EmileBergeron已经找到了一个解决方案（缺少<meta charset="UTF-8">），但是我想补充说toLocaleString方法更好，更可靠的格式化价格方式，因为它的语言敏感：

(321.12).toLocaleString("pl-PL", { style: "currency", currency: "EUR" }); // => "321,12 €"

(321.12).toLocaleString("en-GB", { style: "currency", currency: "EUR" }); // => "€321.12"