vue.js 国际化

最新推荐文章于 2024-08-15 23:22:36 发布

weixin_34395205

最新推荐文章于 2024-08-15 23:22:36 发布

阅读量291

点赞数

文章标签： javascript 前端 ViewUI

原文链接：https://juejin.im/post/5c6ee5c06fb9a049c43e462f

版权

说明

根据Element中国际化的文档说明，可以实现在前端的中英文操作，设置语言的时候在Cookie中存入名称为local的值记录，在每个页面加载时获取local，如果没有设置为默认 zh 中文，从而来设置页面中标签中英文的显示 使用步骤

在当前模块的js目录中创建 uiLabels.js 存储中英文对照数据
在页面中引入依赖的js ，在Vue实例中添加取到的i18n
在页面中使用

附录代码： cookieUtil.js

function setCookie(c_name,value,expiredays)
{
    var exdate=new Date()
    exdate.setDate(exdate.getDate()+expiredays)
    document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()+";path=/")

}

function getCookie(c_name)
{
    if (document.cookie.length>0)
    {
        c_start=document.cookie.indexOf(c_name + "=")
        if (c_start!=-1)
        {
            c_start=c_start + c_name.length+1
            c_end=document.cookie.indexOf(";",c_start)
            if (c_end==-1) c_end=document.cookie.length
            return unescape(document.cookie.substring(c_start,c_end))
        }
    }
    return ""
}
function delCookie(name)
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null)
        document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
复制代码

getI18n.js

function  getI18n() {
    var locale = getCookie('locale');
    if(locale==""){
        locale="zh";
    }
    var i18n = new VueI18n({
        locale: locale,  // 语言标识
        messages
    })
    return i18n;
}
复制代码

转载于:https://juejin.im/post/5c6ee5c06fb9a049c43e462f