jq 中英文切换_怎样用jquery/js 实现中英文切换的功能?

中英切换

中文

英文

早上好

// 中文

var zh_word = {

index: { //页面 这里只是为了比较容易分组 ,也可以再细化分组

nav: "导航",

top: "顶部"

},

home: {

info: "个人信息",

recommend: "介绍"

}

};

// 英文

var en_word = {

index: {

nav: "navigation",

top: "top"

},

home: {

info: "personal information",

recommend: "recommend"

}

};

var c_language = localStorage.getItem("translate_LaurrahLi"); //zh 代表中文 en 代表英文

console.log("设置的缓存语种---" + c_language);

c_language = c_language || "zh"; //如果没有该缓存则 默认为中文

var c_word = c_language == "zh" ? zh_word : en_word;

var vm = new Vue({

el: "#vue",

data: {

word: c_word

},

mounted: function () { // 加在完 vue

},

methods: {

translate: function (type) {

localStorage.setItem("translate_LaurrahLi", type);

// location.reload(); //重新加载当前页面

top.window.location.reload(); //让顶级页面也重新加载

}

}

})