vue 重新定向

vue 重新定向

重新定向的作用就是当我们访问同以一个页面时如果是第一次访问加载这个页面，我们选择了喜欢的类型浏览器记录
第二次访问的还是这个页面，但是上次我们已经选择了喜欢的东西，这时判断我们是否 有选择的类型如果有 选择那么我们就重新定向直接访问已经选择的类型
通过localStrage保存访问记录

export default {
    name:'BookBoy',
    created() {
        // 访问记录，如果有打开过那么就存一下
        localStorage.setItem("bookType","BookBoy")
    },
}

路由设置

  {
    path: '/Book', //上级
    name: 'Book',
    component:Book,
    redirect: to=>{ //重新定向
        // to:实际的访问历史 
        console.log("to")
        let bookType = localStorage.getItem("bookType");
        // 如果存在  那么重定向 需要重新返回一个地址
        return bookType ? {name:bookType} : {name:'BookChoose'}
    },

    children:[ //两个下级
      {
        path: 'Boy', 
        name: 'BookBoy',
        component:BookBoy,
      },
      {
        path: 'Girl',
        name: 'BookGirl',
        component:BookGirl,
      }
    ]
  },