您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

在Vue中标准的处理方法(详细教程)

2024/6/16 17:08:20发布31次查看
下面小编就为大家分享一篇vue下的国际化处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
1:首先安装 vue-i8n
npm install vue-i18n --save
注:-save-dev是指将包信息添加到devdependencies,表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies,表示你发布时依赖的包裹。
2:在main.js中配置信息
import vuei18n from 'vue-i18n'import {getcookie} from './common/cookie' //引入一个js文件,使用引入的函数getcookie,根据当前缓存切换语言vue.use(vuei18n)const i18n = new vuei18n({locale: getcookie('play_lang','cn-zh'), //根据当前语言切换messages: {'cn-zh': require('./language/cn-zh'), //中文语言包'en-us': require('./language/en-us') //英文语言包}})new vue({el: '#app',i18n, // 不要忘记router,template: '<app/>',components: { app }})
3:在目录src下新建一个language文件,尽可能与main.js同级存放,添加两个js文件,cn-zh和en-us,存放需要翻译的语言
4:getcookie函数
function getcookie(name,defaultvalue) {var arr, reg = new regexp("(^| )" + name + "=([^;]*)(;|$)"); //"(^| )" 匹配开头和空格if (arr = document.cookie.match(reg))return unescape(arr[2]);elsereturn defaultvalue;}export {getcookie}
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
在vue中如何实现数字输入框组件
使用jquery如何实现侧边栏左右伸缩效果
在js函数中有关settimeout详细介绍
在mongoose中有关于更新对象的详细介绍
在javascript中如何实现aop
使用nginx + node如何部署https
以上就是在vue中标准的处理方法(详细教程)的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product