欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在vue页面使用i18n

程序员文章站 2022-05-16 09:49:43
...

主要有两种方法,第一种是在template中直接渲染,另一种在data中使用。

  1. template中
<span>{{$t('success.return')}}</span>

// i18n文件
success:{
			return: '返回列表'
		},
  1. 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')
	}],