vue2.0中的退出登录问题

在vue项目中,我们想要退出登陆,那么,通过之前的权限设定,我们需要将vuex**storage中的token都清理,并且返回到登陆页面。

1. 我们在mutations中清理token,因为在之前的设定中。我们用token来确认当前是否是登陆状态

vue2.0中的退出登录问题_第1张图片

2. 我们在点击事件中,确认本次退出。 用commit传到vuex中执行,并且让他路由返回到登陆页面去。这里我们为什么使用this.$router.*****编程式导航。它是可以使用的,但是为了防止页面中一些其他数据,我们需要清理干净,所以我们使用window.location在合适不过了。

vue2.0中的退出登录问题_第2张图片

 

你可能感兴趣的:(vue2,前端,vue.js,前端,javascript)