這篇文章將為大家詳細講解有關解決this調用無效的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前創新互聯建站已為上1000家的企業提供了網站建設、域名、虛擬空間、網站改版維護、企業網站設計、彌勒網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

let self = this //使用新變量替換this，以免this無效

//updateStudentInfoToServer是一個將本身部分數據異步上傳的接口，接收三個參數，其中第一個是數據，第二、三個是函數，第二、三個函數使用function(){}形式書寫

updateStudentInfoToServer:function(data, networkOk, networkError){
 let postData = this.$qs.stringify({
  data:data
 })
 
 this.axios.post('/api/update/updateStudentInfo',
  postData
 ).then(res=>{
  console.log(' return : ')
  console.log(res)
  networkOk(res) //網絡成功的回調
 
 }).catch(error=>{
  console.log(error)
  networkError(error) //網絡失敗的回調
 }) 
 
 console.log('axios done')
}, 
 
this.updateStudentInfoToServer(data, function(res){
  console.log('return ok')
  console.log(res)
  // console.log('self')
  // console.log(self) //就是this
  // console.log('this')
  // console.log(this) //undefined
 
  self.handleCancelEdit()
 },function(error){
  console.log(error)
 }
 
)

分享題目：解決this調用無效的問題-創新互聯
轉載源于：http://www.yuzhuanjia.cn/article/dddoss.html