Element UI 页面跳转的几种风格

一 通过导航的路由跳转

1 代码

通常由框架生成，不同的开源框架写法不一样。

2 效果

3 适用场景

被跳转的页面是某个功能模块的主页面，一般通过导航菜单跳过去。

二 页面间主动跳转

1 代码

a 跳转代码

<el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
  <template v-slot="scope">
    <router-link :to="'/dict/type/data/' + scope.row.id" class="link-type">
      <span>{
  { scope.row.type }}</span>
    </router-link>
  </template>
</el-table-column>

b 路由代码要做相关配置

{
  path: '/dict',
  component: Layout,
  hidden: true,
  children: [{
      path: 'type/data/:dictId(\\d+)',
      componen