步骤:
1.创建并返回new Promise((resolve,reject)=>{}),resolve和reject分别是成功和失败后所执行的函数
2.判断是否含有cookie,如果含有cookie ,则返回登录成功信息,如果没有cookie,则返回登录失败信息
或者判断sessionStoreage里是否又userId信息
判断是否含有cookie的方法:var flag = document.cookie.indexOf(cookieName)
3.调用then函数,执行已登录代码,调用catch方法,执行未登录的代码
如果不调用catch方法,会出现以下的错误:
完整代码:
<template> <div>{{msg.msg}}</div> </template> <script> export default { name: "HelloWorld", data() { return { msg:{} }; }, methods: { isLogin() { // 创建并返回promise,promise分别有两个参数,分别是成功和失败后所执行的函数 return new Promise((resolve, reject) => { // document.cookie.indexOf(cookieName) 判断是否含有名为cookieName的cookies,大于-1,即存在该cookies,否则不存在该cookies var flag = document.cookie.indexOf("cookieName") > -1 ? true : false; //如果含有该cookies,则登录成功,否则登录失败 if (flag) { resolve({ state: 0, msg: "登录成功" }); } else { reject({ state: 1, msg: "登录失败" }); } }); } }, created() { //调用登录方法,使用then函数,函数里是登录成功后执行的操作,使用catch函数,函数里是登录失败后执行的操作 this.isLogin().then(res=>{ console.log(res); this.msg = res; }).catch(err=>{ console.log(err); this.msg = err; }); } }; </script>