网站如何进行中英文切换

God丶Leave 2016-06-03 03:39:16

点击中文下面的所有内容切换成中文页面。点击英文下面的所有内容显示英文。有没有比较好的解决方法

...全文

9391 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端_小菜鸟 2019-11-22

打赏
举报

你可以参考一下vue-i18n 里面采用把中英文分别放在,不同的js文件下面比如 en.js 下 export default{ ourTeam:{ mobile: '12345678915' } } 具体用法采用 {{$t('ourTeam.mobile')}} 只需要做本地中英文切换即可,这个语言可以可以自动切换中英文,


import zh from '@/i18n/langs/zh.js'
import en from '@/i18n/langs/en.js'
Vue.use(VueI18n)


//实例化vue-i18n
const i18n = new VueI18n({
  // 从本地存储中取，如果没有默认为中文，
  // 这样可以解决切换语言后，没记住选择的语言，刷新页面后还是默认的语言
  locale: !!sessionStorage.getItem('lang') && sessionStorage.getItem('lang') || 'en',
  
  messages: {
    'zh': zh, // 中文语言包
    'en': en // 英文语言包
  }
})

風灬雲 2019-11-21

打赏
举报

配置文件的思路然后通过不同的key 取不同内容，基本上都是这么做的，

前端小黑 2019-11-21

打赏
举报

我记得之前在写这个东西的时候，是用一个文件保存那些点击中英文切换时会更换的内容，然后保存在不同的对象中像下面这样 let content:{ en={ write:'write' } ch={ write:'写' } } 写文本的时候就 content[state].write 切换中英文就更改state的值

BLiss 2019-11-21

打赏
举报

不行呀，没有换

话说有点呆 2017-05-31

打赏
举报

我们的中英文切换就是两个页面模板，然后通过点击中英文切换字样实现页面的转化，不知道还有没有更好的办法

演员_ 2017-05-27

打赏
举报

最后怎么解决的？

usecf 2016-06-20

打赏
举报

入不同的语言配置文件。。。

从小就很呆 2016-06-16

打赏
举报

在项目中配置几个语言版本的properties文件，然后后台读取放到Map对象里然后存放到本地cookie或者项目的session里面，前台通过标签绑定对应的key值显示出数据。

vswen5 2016-06-07

打赏
举报

我是将jsp页面所有的汉字全部用一个标签包住手写一个中英文数据字典 js遍历解析

香蕉猪 2016-06-07

打赏
举报

引入不同的语言配置文件。。。

潇湘忆梦 2016-06-06

打赏
举报

引用 5 楼 __紫菜的回复:

[quote=引用 4 楼 songyajun_zzuli 的回复:] [quote=引用 3 楼 glenliam的回复:]一般的思路是建两个网站模板，站群中的两个子网站，一个中文网站一个英文网站。只在前端切换的话，用jquery JS改变匹配的HTML元素的网页内容 $("#logo").html("中文标题"); $("#logo").html("English Title"); 不知你想了解的是不是这个

我之前搭建中英文就是两套模板，两套逻辑，只是读取相同的数据，切换时用jquery[/quote] 这样更新起来真的是太麻烦，如果是更多种语言就头疼！我现在公司用的项目也是中英文，并没有两套模板，只是将所有的文字和数据内容分成两种语言放在资源文件，，，，，其实这样也是很麻烦的！

[/quote] 没办法，还没找到一套完美契合的中英文切换，也跟我做的网站有关系，现在只能先用麻烦的～～

___紫菜 2016-06-06

打赏
举报

引用 4 楼 songyajun_zzuli 的回复:

[quote=引用 3 楼 glenliam的回复:]一般的思路是建两个网站模板，站群中的两个子网站，一个中文网站一个英文网站。只在前端切换的话，用jquery JS改变匹配的HTML元素的网页内容 $("#logo").html("中文标题"); $("#logo").html("English Title"); 不知你想了解的是不是这个

潇湘忆梦 2016-06-04