前端-后台backend的侧边栏菜单怎么使用多语言呢,设置菜单的时候我们是输入的中文
bug
语言包
自定义

其他都语言化了,怎么把左侧生成的菜单也跟随语言化

3个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
8月前

可以填写语言包中的翻译key,然后在渲染前进行翻译

cd123456
cd123456回复YANG001
这家伙很懒,什么也没写~
8月前

这个key设置了,前端不进行渲染翻译直接显示key啊,lang/en和cn都设置了key

YANG001
YANG001回复cd123456
这家伙很懒,什么也没写~
8月前

默认是没有翻译的,找到菜单组件渲染标题的地方,手动加上t函数翻译即可,只是这样一来,所有的菜单项都需要有对应key和翻译,不然控制台会有警告

JaydenWang
JaydenWang
这家伙很懒,什么也没写~
5月前

具体是怎么操作,有没有童鞋成功的,目前确实有点怪异,切换为英文后,只有菜单栏还是中文。

fastknife
fastknife
这家伙很懒,什么也没写~
4周前

操作如下:

  1. 修改 layouts/backend/components/menus/menuTree.vue 文件中的 menu.meta?.title。参考如下:

  2. 在lang/backend/en.ts 和zh-cn.ts(这个可以忽略) 增加翻译keys:

  3. 忽略翻译警告,在lang/index.ts修改如下配置:

    参考代码:

复制代码
    i18n = createI18n({
        locale: locale,
        legacy: false, // 组合式api
        globalInjection: true, // 挂载$t,$d等到全局
        fallbackLocale: config.lang.fallbackLang,
        fallbackWarn: false,
        missingWarn: false,
        messages,
        missing: (locale, key) => {
            // 这里可以接入百度、有道等翻译平台,转换语言
                return key
        }
    })
请先登录
0
1
0
5