在vue页面使用i18n
程序员文章站
2022-05-16 09:49:43
...
主要有两种方法,第一种是在template中直接渲染,另一种在data中使用。
- template中
<span>{{$t('success.return')}}</span>
// i18n文件
success:{
return: '返回列表'
},
- data中
<!-- 导航 -->
<div class="successNav">
<span v-for="(item,index) in navList" :key="index" :class="nav===index?'successNavColor':''" @click="toChangeNav(index)">{{item.title}}</span>
</div>
navList: [{
id: 1,
title: this.$t('success.menu1')
}, {
id: 2,
title: this.$t('success.menu2')
},{
id: 3,
title: this.$t('success.menu3')
}],