vue路由配置

Question

请问下我这样配置路由有什么问题吗？为什么点击page1 page2不是子路由发生变化而是整个页面跳转了呢？

Answer 1

原因是我写了个v-if=keeyAlive，然而路由里以为子节点会继承父节点的属性

Answer 2

你试一下给子路由添加name属性，然后跳转那里直接:to={name: 'xxxx'}这样试一下

Answer 3

在components中添加新的页面vue，之后在router的index.js下导入对应的vue，在routes中进行配置

 routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/demo1',
      name: 'Demo1',
      component: Demo1
    }
  ]

然后在指定页面进行路由跳转即可。

<button
          target="_blank"
          @click="sendDemo1"
        >
          按钮文字滑动特效
        </button>

其对应的路由跳转方法

sendDemo1(){
      this.$router.push({
        path:'/demo1',
        name:'Demo1'
      })
    }