【Vue】Vue 中如何点击跳转页面
思路:在有路由的情况下,对页面进行注册,并通过方法对路由中的实例(页面)进行转发,达到跳转页面的效果1、在 router 目录下的 index.js 中加入组件的路由信息,包括路径、名称import vMarkDown from '@/components/v-markDown'routes: [{path: '/',name: 'HelloWor...
·
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 /> 来显示
更多推荐
已为社区贡献6条内容
所有评论(0)