在Vue的全局路由守卫中替换this操作（this.$store/this.$vux）
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文详细探讨了如何在Vue项目中使用全局路由守卫替代直接通过`this`访问如`this.$store`或`this.$vux`等实例属性的方法，提升代码的模块化和可维护性。
在使用全局路由守卫`this.$vux.loading.hide()`时遇到错误，因为访问不到`this`。为了解决这个问题，可以声明一个变量来代替`this`。
具体做法如下：
首先，在主文件(main.js)中添加以下代码：
```javascript
router.beforeEach((to, from, next) => {
if(vue){
vue.$vux.loading.hide()
} else{
}
next()
})
```
然后，创建Vue实例时声明`vue`变量：
```javascript
let vue = new Vue({
el: #app,
router,
store,
components: { App },
template:
全部评论 (0)
还没有任何评论哟~
