这两天公司让我做公司官网,就是几个静态页面。我都不好意思说自己是Java开发了,年后来公司基本上自己做毕业设计才写Java代码。在公司基本没有写过Java的东西,我都怀疑公司是不是看我Java太菜,让我以后就做前端了。。。然后我前端也很菜。页面做完之后要实现一个中英文切换

目录结构:

网站的中英文切换--i18next

效果图:

网站的中英文切换--i18next

网站的中英文切换--i18next

这里使用的是i18next.js:一个用来支持应用国际化的javascript库

代码:

网站的中英文切换--i18next

网站的中英文切换--i18next

网站的中英文切换--i18next

网站的中英文切换--i18next

这里可以代码有些不美观应该可以单独提取出来,这里只做演示。

实现它就这么简单,但是原理我也不太清楚(首先引入JS,然后html中用到data-i18n:感觉像angular的双向绑定,JS去加载json文件即可,JSON文件:locales/文件路径_lan.json,_ns会被namespace自动替换;组件默认是:resGetPath: 'locales/__lng__/__ns__.json',

这里是使用手册:点击打开链接

可以在里面模仿实现中英文的切换。

相关文章:

  • 2021-10-03
  • 2021-12-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-06
  • 2021-09-15
猜你喜欢
  • 2022-12-23
  • 2021-11-25
  • 2022-12-23
  • 2021-12-04
  • 2021-06-21
  • 2021-09-19
  • 2021-04-29
相关资源
相似解决方案