将一套使用i18n的国际化项目,改成三套不使用i18n的国际化项目

本文介绍了如何将一个包含中、英、法三种语言的i18n国际化项目,改造成三个独立的、不依赖i18n的版本。主要步骤包括:为语言切换按钮添加方法,捕获当前语言,更新URL并渲染对应语言的首页,复制并修改所有页面的路径和内容,以及利用sessionStorage存储和判断语言,确保页面刷新后加载正确语言的home页。
摘要由CSDN通过智能技术生成

啥都不多说了,将一套中、英、法的项目,改成三套,分别是中文的、英文的、法文的
首先第一步,就是给切换语言的按钮加方法,控制语言的改变;其次,捕获到当前的语言;然后,执行router的index.js,在url中加上当前的语言,并且,渲染对应语言的home页面;最后,将所有的页面复制出英文的和法文的,分别修改三套页面对应的path和$t{}内容。

首先:cn、en、fr按钮加方法,刚开始想到的是路由动态传参:
<router-link :to={
   path: /:id/homeCn, name: homeCn} >
	
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值