promise+vuex實例


let P= new Promise((resolve, reject) => {

})
//new Promise() 內的參數是函數 ,即 (resolve,reject)=> {     } 
//resolve =》 是個函數,異步成功時調用,並將異步操作的結果返回出去
//reject  =》 是個函數,異步失敗時調用

vuex里actions異步調取接口

actions: {
    login(context, requestData) {
        return new Promise((resolve, reject) => {
            //接口
            Login(requestData).then(response => {
		resolve(response)
	    }).catch(error => {
                reject(error)
	    })
    })
    }
}

Login.vue頁面

const login = () => {
      const requestData = {
        username:ruleForm.username,
        password:sha1(ruleForm.password),
        code:ruleForm.code
      }

      //調取actions里邊的方法
      root.$store.dispatch("login",requestData).then(response => {
        console.log(response);
        root.$router.push("/console")
      })



    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM