【Vue】Vue 中如何点击跳转页面

阳光穿透心脏的1/2处 2023-07-10 11:22 8阅读 0赞

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


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

  1. import vMarkDown from '@/components/v-markDown'
  2. routes: [
  3. {
  4. path: '/',
  5. name: 'HelloWorld',
  6. component: HelloWorld
  7. },
  8. {
  9. path:'/',
  10. name:'v-markDown',
  11. component:vMarkDown
  12. }
  13. ]

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjY3ODY3NQ_size_16_color_FFFFFF_t_70

3、在 app.vue 中加入 来显示

20200302111120930.png

发表评论

表情:
评论列表 (有 0 条评论,8人围观)

还没有评论,来说两句吧...

相关阅读