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

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不对
函数式编程
浏览 415回答 2
2回答

波斯汪

可以参考我的: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();}})
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript