vue项目 watch之 $route

添加日期时间

%DATE% %TIME%

// A:代码
    $route: {
      handler: function(route) {
        this.redirect = route.query && route.query.redirect
        console.log("redirect",this.redirect)
      },
      immediate: true
    }

// B:代码
this.$router.push({ path: this.redirect || '/' })  //按钮登录执行

作用：保存退出的页面位置 保证下一次登录回到退出之前的页面

效果：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lzsxiTIu-1634698172841)(https://secure.wostatic.cn/static/buxTjGL7U6YD3WhHo8L7MW/image.png)]

在from/index页面退出

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-W2a2eNAt-1634698172844)(https://secure.wostatic.cn/static/2xu42Q69Fqto5YgnmqUfzc/image.png)]

A代码获取route.query得到from/index 赋值给this.redirect

点击登录执行B代码