vue若依框架i18n动态菜单栏国际化(纯前端修改)

一、语言文件中添加对应的语言翻译文件,

例:

menus要记住,后面调用要用到,

二、找到控制动态路由显示数据页面,我的在src/layout/components/Sidebarltem文件中

1、为一级菜单栏最终显示的数据;

2、二级菜单栏最终显示的数据;

3、二级菜单栏遍历的数据逻辑

改的时候一直以为 3 是中的:item属性是二级菜单栏显示的数据,导致一直修改失败,悲催,

三、在methods函数中添加menusTitle方法;

menus是之前在语言文件中定义的属性;

这上面的国际化,更简单,

找到这两个最终显示的vue页面,

红框标注的地方就是决定最终显示的属性,

同样加上menusTitle方法,

在在methods函数中添加menusTitle方法;

以上就是若依框架动态菜单栏国际化的主要步骤,其他国际化文件配置一级国际化按钮的配置,请查看我发的 vue国际化,其中配置完全不冲突,两篇文章合起来就是若依框架使用i18n国际化(纯前端)的所有配置了

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值