因为 vue-i18nvue-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


爬。