菜单栏怎么自定义收起鼠标hover的文字提示和 tooltips的文字提示呢?看内容是直接显示的 a-menu-item 里面的文字,由于要用到i18n,所以写成了 {{ $t('message')[router.title] }} router.title的内容是i18n设置的key,然后tooltips显示的不是翻译后的内容,直接显示key的内容了

2020-10-07 08:33创建
共3个回答
XL
游客xlRpUN
<a-menu-item v-if="!router.children" :key="router.name" :title="$t('message')[router.meta.title]" @click="menuClick(router)"> <a-icon :type="router.meta.icon" /> <span>{{ $t('message')[router.meta.title] }}</span> </a-menu-item>

title属性改成$t('message')[router.meta.title]即可。