2022-04-11更新:完整的跳转页面方法的详解:【Vue | 补洞 | 18】编程式路由导航


思路:在有路由的情况下,对页面进行注册,并通过方法对路由中的实例(页面)进行转发,达到跳转页面的效果


1、在 router 目录下的 index.js 中加入组件的路由信息,包括路径、名称

import vMarkDown from '@/components/v-markDown'
routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/',
      name:'v-markDown',
      component:vMarkDown
    }
  ]

2、在要实现跳转的页面中加入 @click 事件

3、在 app.vue 中加入 <router-view /> 来显示

Logo

前往低代码交流专区

更多推荐