安装:函数(){
Watermark.set(“水印内容”)
}
一般我们的水印内容是当前用户的id或者姓名,在App.vue文件的安装函数中有可能获取不到Vuex的用户信息。
我们一般在路由跳转的时候来进行用户的登录和权限的判断,所以我们可以将调用水印的方法放在router.afterEach()方法中,在router.beforeEach()方法中判断用户的登录和权限的判断,所以router.afterEach()方法中一定可以获取到vuex中的用户信息。
示例:
路由器。beforeEach(下),从=比;｛//登录判断
store.dispatch (getuser)((用户)=比;｛
如果()。路==='/'){
如果(user.isLeader) {
下一个('/总结');
其他}{下('/列表');}
其他}{
next ();
}
}).catch(错误)=比;｛
如果错误。信息===俺Ｊ丁?{//返回登录界面
其他}{
Dialog.confirm ({
标题:“服务器错误”,
消息:“获取用户信息失败,可尝试重新进入系统。’,
showCancelButton:假的,
showConfirmButton:假
});
}
});
});
router.afterEach(()=比;｛/*路由发生变化修改页面标题*/如果(to.meta.title) {
changTitle (to.meta.title);
}
Watermark.set (store.state.user.userId);
});
以上这篇Vue实现页面添加水印功能就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
