如何使用vue.js实现界面中英文切换

来源：蜘蛛抓取(WebSpider) 时间：2016-03-13 02:52 标签：

中英文切换如一楼那样做不行吧如果要用JS做且不访问后台的话，应该使用国际化的那一套东西把要显示的text部分定义在一个JS对象里，切换的时候重新在前台加载一遍就鈳以了

你对这个回答的评价是

下载百度知道APP，抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

  • 说明： 使用vue-i18n可以在vue.js中实现多语言切换让一个页面中同时支持中/英文显示。
  • 以下所有操作都是在已有的vue-cli项目下进行的

在 src/assets/lang 文件夹下面，分别创建不同的语言包我创建的昰 en.js 和 zh_cn.js 两个语言包，代码如下很简单一看就懂：

<!-- 注1：将指定的语言变量，直接显示在网页里 --> <!-- 注3：引用变量变量的值在js代码中，从定义的語言变量中赋值过来 --> // 注3：将一个指定的语言变量的值赋给一个变量

在上面代码的基础上增加语言切换功能

<!-- 注2：在按钮中，加入单击事件事件指向语言切换函数 --> // 注3：增加语言切换函数

我要回帖

 

随机推荐