跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 卖家故事 > vue若依框架i18n动态菜单栏国际化(纯前端修改)

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

时间:2024-04-26 07:30:39 来源:网络cs 作者:胡椒 栏目:卖家故事 阅读:

标签: 国际  修改  动态 
阅读本书更多章节>>>>

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

例:

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

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

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

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

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

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

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

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

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

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

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

同样加上menusTitle方法,

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

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

阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/gushi/2024-04-26/162348.html,文章来源:网络cs,作者:胡椒,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论