vue-router.js里如何使用饿了么组件的弹框等的方法

Question

methods:{open5(){this.$notify.info({title:'消息',message:'这是一条消息的提示消息'});}}这是饿了么UI的弹框方法，也是放到了单独的一个pop.vue组件importpopfrom'@/components/pop'router.beforeEach((to,from,next)=>{if(to.path==='/login'||to.path==='/'){next()}else{if(Cookies.get('uName')){next()}else{next({path:'/login'})alert('请重新登录')pop.methods.open5()//就是这里，使用报错}}})这是router.js的守卫我想在重新登录这使用open5这个方法，但是报错，this不对

Answer 1

可以参考我的：
importElementUIfrom'element-ui'
import'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
import{Notification}from'element-ui'
//钩子函数路由判断
router.beforeEach((to,from,next)=>{
if(to.meta.requireAuth){
if(localStorage.token){
//console.log("已有个人信息!");
next();
}else{
Notification.error({message:'请先登录!',duration:1000,position:'bottom-right',showClose:false})
next({
path:'/login',
//跳转到登录页
})
}
}
else{
next();
}
})