vue中i18n如何做多语言切换
main.js中我写了几个不同的语言
Vue.use(VueI18n)
const messages = {
en: {
message: {
hello: 'world hello'
}
},
zh: {
message: {
hello: '世界'
}
},
de:{
message:{
hello:'Die Welt'
}
},
ko:{
message:{
hello:'세계'
}
}
}
const i18n = new VueI18n({
locale: 'ko',
messages
})
new Vue({
i18n ,
el: '#app',
router,
template: '<App/>',
components: { App }
})
在组件中
<button type="button" @click="changeLanguage('en')">英文</button>
<script>
export default {
data () {
return {
hello: this.$t('message.hello'),
}
},
methods:{
changeLanguage(value){
if(value=='en'){
this.$locale='en'
}
}
}
}
</script>
我想做个点击事件实现点击切换语言，但是没有思路。我一直想着如何把组件中拿到的locale传到main.js中去改变语言显示。思路是否有问题呢，也不知道如何传过去。。。
花开花落_青藤浏览 6643回答 4
4回答
-
kkkkkkkll
同问？？？ -
慕斯8308057
同楼上 -
ExceptionMa
你实现了吗？
随时随地看视频慕课网APP
相关分类
Vue.js