vue路由跳转，不让页面刷新，怎么做？

Question

左边的导航是用路由进行点击跳转的，我想让这两个路由切换的时候，表单填写的数据不消失，就是第一个页面跳走,再回来的时候也有数据，想知道怎么实现？求大神帮助

Answer 1

把两个页面 合并成一个组件 然后 路由配置传参数

类似{

  path: '/task/pending',

  name: 'TaskPending',

  component: TaskCommon,

  meta: { 'status': 0 },

}这样 可以在this.$route中获取到相应参数 然后 区分显示