关键词搜索

源码搜索 ×
×

vue PC端国际化一站式解决方案

发布2022-02-20浏览1058次

详情内容

在这里插入图片描述
在这里插入图片描述

红色部分已处理,蓝色部参考处理方式,进行处理即可,暂未处理

1. 参考项目

参考:https://github.com/linjinze999/vue-llplatform

2. 实现思路
  • 前端部分:
    国际化分2部分进行,参考文档
    https://linjinze999.github.io/vue-llplatform/docs/project/language.html
    在这里插入图片描述

  • 数据库部分:
    不用返回具体的菜单对用的值,只需返回类似下面这种对应国际化的key表达式即可。
    在这里插入图片描述

  • 单页面部分
    其他页面需要单独处理,首先获取当前是什么语言,然后再,页面渲染出来之前将根据具体的国际化语言显示对应的值

3. 关键步骤
  • 菜单部分
    给每个菜单都添加一个title,title的取值从国际化语言对应的key即可
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 单页面部分
    先获取当前的语言,冬天显示国际化对应的值

  • 其他页面部分
    先获取当前的语言,冬天显示国际化对应的值

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载