vue中怎么在进入路由之后进行判断？

Posted 2023-05-05

跟着视频学习VUE搭建项目，但有些地方不了解。现在想做这个功能， 在进入购物车页面时候，进行判断，如果购物车中没有商品，那就提示“购物车中没有商品”，如果购物车中有商品那就不提示， 这个要怎么弄，

进入路由页面
mounted()
this.$nextTick(()=>
show();
)

离开路由页面后执行函数
destroyed:
function
()

console.log("我已经离开了！");
this.stopTimer();
,
说明：destroyed是与methods、mounted同层级的
mounted()
this.startTimer();
,
//离开当前页面后执行
destroyed:
function
()

this.stopTimer();
, 参考技术A 进入路由页面
mounted()
this.$nextTick(()=>
show();
)

离开路由页面后执行函数
destroyed:
function
()

console.log("我已经离开了

Vue实现登录拦截

参考技术A 我们知道，许多页面在进入之前都是需要进行登录验证的。如果用户没有登录，则用户访问这些网页时直接跳到网站登录页。Vue的登录拦截主要通过router的配置实现。

requireAuth属性作用是表明该路由是否需要登录验证，在进行全局拦截时，我们将通过该属性判断路由的跳转，该属性包含在meta属性中:

beforeEach是router的钩子函数，该函数在进入每个网页之前调用，该函数接受三个参数:

参考博客:
【vue+axios】一个项目学会前端实现登录拦截