vue单页面怎么返回页面不刷新？

Question

router.js文件

export const pagesRouter = [

  {
    path: '/index',
    name: 'index',
    icon: 'shangpin',
    title: '首页',
    toName: 'index-list',
    component: Main,
    hasChildren: true,
    children: [{
      path: 'list',
      name: 'index-list',
      title: '首页',
      //meta:{requireAuth:true},
      component: resolve => require(['../pages/index/list'], resolve),
    },{
      path: 'index',
      name: 'index',
      title: '首页',
      //meta:{requireAuth:true},
      component: resolve => require(['../pages/index/list'], resolve),
    }]
  },
  {
    path: '/business',
    name: 'business',
    icon: 'zhanghao',
    title: '交易管理',
    toName: 'business-list',
    component: Main,
    hasChildren: true,
    children: [{
        path: 'list',
        name: 'business-list',
        title: '交易记录',
        meta:{
          keepAlive: true, //此组件要被缓存
        },
        //meta:{requireAuth:true},
        component: resolve => require(['../pages/business/list'], resolve),

      },
      {
        path: 'list2',
        name: 'business-list2',
        title: '订单记录',
        meta:{
          keepAlive: true, //此组件要被缓存
        },
        //meta:{requireAuth:true},
        component: resolve => require(['../pages/business/list2'], resolve),
      },
      {
        path: 'list3',
        name: 'business-list3',
        title: '提现交易',
        //meta:{requireAuth:true},
        meta:{
          keepAlive: true, //此组件要被缓存
        },
        component: resolve => require(['../pages/business/list3'], resolve),
      },
      {
        path: 'reconciliation',
        name: 'business-reconciliation',
        title: '财务对账',
        //meta:{requireAuth:true},
        meta:{
          keepAlive: true, //此组件要被缓存
        },
        component: resolve => require(['../pages/business/reconciliation'], resolve),
      },
      {
        path: 'shopmoney',
        name: 'business-shopmoney',
        title: '店铺营业额',
        //meta:{requireAuth:true},
        meta:{
          keepAlive: true, //此组件要被缓存
        },
        component: resolve => require(['../pages/business/shopmoney'], resolve),
      }
    ]
  },

app.vue文件

<keep-alive v-if="isRouterAlive">
      <router-view v-if="$route.meta.keepAlive">

      </router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive && isRouterAlive">

      </router-view>

Answer 1

keepAlive可以实现