vue.js - 如何从 vue-i18n 获取货币符号

Question

我想根据语言环境显示货币符号

    <p>Every {{ $n(null, 'currency') }} you invest</p>

我要展示

    <p>Every $ you invest</p>

或

    <p>Every £ you invest</p>

等...

还有一种显示名称的方法:

    <p>Every dollar you invest</p>    

Answer 1

在翻译消息中保存货币符号

VueI18n 设置

const messages = {
    "en-GB": { currencySymbol: "£" },
    "en-US": { currencySymbol: "$" }
}

export default new VueI18n({
    messages
})

组件 html

<p>{{ $t('currencySymbol') }}</p>