如何在i18n + Vue 3中使用货币格式？
如何在i18n + Vue 3中使用货币格式？
提问于 2021-06-22 06:59:02
我有{{n (100, "currency")}}，我想把它显示为$100 --但是我怎么才能正确地得到n呢？例如，当我使用
import { useI18n } from "vue-i18n";
setup() {
const { t, n } = useI18n({
locale: "en-US",
numberFormats: {
"en-US": {
currency: {
style: "currency",
currency: "USD",
},
},
},
});
return { t, n };
},
我得到一个错误Uncaught (in promise) SyntaxError: Invalid arguments如何解决这个问题
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-22 08:29:45
见下面的例子。请注意，在示例中使用VueI18n.createI18n或Vue.createApp是因为脚本是从CDN加载的。当与邦德勒一起使用时，只需使用import并直接使用createApp或createI18n .
const i18n = VueI18n.createI18n({
legacy: false,
locale: "en-US",
numberFormats: {
"en-US": {
currency: {
style: "currency",
currency: "USD",
},
},
},
})
const app = Vue.createApp({
setup() {
const { n } = VueI18n.useI18n()
return { n }
}
})
app.use(i18n)
app.mount("#app")<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/vue-i18n@next"></script>
<div id="app">
{{ n(100, "currency") }}
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68078890
复制相关文章
相似问题
腾讯云开发者
