어떻게 당신은 내가 로케일 따라 통화 기호를 표시 할 것

Question

VUE - 국제화의 통화 기호를 얻을 수

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

나는 표시 할 것

<p>Every $ you invest</p> 

또는

<p>Every £ you invest</p> 

요법 ...

과뿐만 아니라 이름을 표시하는 방법이 : 나는 vue-i18n 사용하지 않을 것을 알고

<p>Every dollar you invest</p>  

Answer 1

을하지만 그냥이 es5 Intl library 내장 사용할 수 있습니다 번역 메시지 내부

let formatter = new Intl.NumberFormat('en-GB', { 
    style: 'currency', 
    currency: 'GBP', 
    minimumFractionDigits: 2 
}) 
return formatter.format('0')[0] // Would return the first digit which is the currency symbol. 

Answer 2

저장 통화 기호

VueI18n 설정

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

export default new VueI18n({ 
    messages 
}) 

구성 요소 html

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