这次给大家带来在Vue中使用vue-i18插件实现多语言切换，在Vue中使用vue-i18插件实现多语言切换的注意事项有哪些，下面就是实战案例，一起来看一下。step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-devstep2:在项目的入口文件main.js中引入vue-i18n插件 import Vue from vue import router from ./router import VueI18n from vue-i18n Vue.use(VueI18n) const i18n = new VueI18n({ locale: zh, // 语言标识 mes...
下面我就为大家分享一篇vue与vue-i18n结合实现后台数据的多语言切换方法，具有很好的参考价值，希望对大家有所帮助。在XXX.js文件中定义函数：getUser(context,info){context.$http.get(SERVER_URL+/users,info).then(function(data){let err =data.body.error;if(err===0){let dataObj = data.body.userLists; //获取后台返回的数据this.users = dataObj.items.map(function (e,i) { //遍历获取的数据，用this.$t()将每项数据与...
这次给大家带来vue与vue-i18n如何实现后台数据的多语言切换，vue与vue-i18n实现后台数据的多语言切换的注意事项有哪些，下面就是实战案例，一起来看一下。在XXX.js文件中定义函数：getUser(context,info){context.$http.get(SERVER_URL+/users,info).then(function(data){let err =data.body.error;if(err===0){let dataObj = data.body.userLists; //获取后台返回的数据this.users = dataObj.items.map(function (e,i) { //遍历...
前言 有些项目我们需要支持多种语言切换，满足国际化需求。 vue-i18n是一个vue插件，主要作用就是让项目支持国际化多语言，使用方便快捷，能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。 安装vue-i18n我们使用npm安装vue-i18n。 npm install vue vue-i18n --save引入vue-i18n首先在 main.js 中引入 vue-i18n。 import Vue from vue import App from ./App import VueI18n from vue-i18nVue.use(VueI...
在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下： step1: 在项目中安装vue-i18插件 cnpm install vue-i18n --save-dev step2:在项目的入口文件main.js中引入vue-i18n插件 import Vue from vue import router from ./router import VueI18n from vue-i18n Vue.use(VueI18n) const i18n = new VueI18n({ locale: zh, // 语言标识 messages: { zh: require(./assets/lang/zh), en: require(./a...