因为 vue-i18n和vue-router属于同级 ,不能直接使用
也就是说不能直接在路由文件中使用$t(),
所以还是得转换成模板使用的方法.
export const constantRouterMap = [
{
path: '/home',
name: 'home'//直接在这里写语言包中定义的对象名
component: () => import('@/views/home/index),
hidden: true
}
]
在路由渲染的模板文件中,使用$t()
<div>
<template v-for="item in routes" v-if="!item.hidden&&item.children">
<el-submenu v-if="hasChildren(item)" :index="item.name||item.path" :key="item.name">
<template slot="title">
<span class="router_border"></span>
<svg-icon v-if="item.meta&&item.meta.icon" :icon-class="item.meta.icon"></svg-icon>
<span v-if="item.name" slot="title">{{$t(item.name)}}</span>
</template>
</el-submenu>
</template>
</div
Comments | 1 条评论
大佬,我也好像跟你一样做出这样好看的前端界面,我是学后端的。。。。。。