vue路由配置

你試一下給子路由添加name屬性，然后跳轉(zhuǎn)那里直接:to={name: 'xxxx'}這樣試一下

原因是我寫了個(gè)v-if=keeyAlive，然而路由里以為子節(jié)點(diǎn)會(huì)繼承父節(jié)點(diǎn)的屬性

在components中添加新的頁(yè)面vue，之后在router的index.js下導(dǎo)入對(duì)應(yīng)的vue，在routes中進(jìn)行配置

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

然后在指定頁(yè)面進(jìn)行路由跳轉(zhuǎn)即可。

<button
          target="_blank"
          @click="sendDemo1"
        >
          按鈕文字滑動(dòng)特效
        </button>

其對(duì)應(yīng)的路由跳轉(zhuǎn)方法

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