av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

在vue中使用回調函數,this調用無效的解決

瀏覽:114日期:2022-12-09 18:24:43

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) } )

提交網絡數據是異步調用,所以會先返回然后才執行成功、失敗的回調。

這種書寫方式,function的作用于決定了function的代碼塊內使用this無法改變、獲取vue data中設置的變量

使用es6的箭頭語法可以實現this的隨處調用

this.updateStudentInfoToServer(this, res=>{ console.log(’return ok’) console.log(res) console.log(’self’) console.log(self) console.log(’this’) console.log(this)//this和self一樣 }, error=>{ console.log(error) })

不過某些瀏覽器的某些版本不支持es6的語法,可能導致各種各樣的問題

補充知識:vue在全局函數中加回調,調用vue文件中的函數

全局函數可以寫一個文件globalFunc.js

exports.install = function(Vue, option){ Vue.prototype.setData = function(that, key){ that[key] = ’222’ } Vue.prototype.testCallMe = function(str){ console.log(’test call me’ + str) } Vue.prototype.testCallBack = function(func, param){ func(param) this.testCallMe(’tetetet’) }}

main.js

import globalFunc from ’@/components/globalFunc’

Vue.use(globalFunc)

vue文件中

調用

this.testCallBack(this.test, ’yui0’)//使用全局函數調用vue文件中的函數,修改vue文件中的數據

this.setData(this, ’msg’)//使用全局函數修改vue文件中的數據

test函數編寫

test:function(str){ this.msg = ’233’ + str},

以上這篇在vue中使用回調函數,this調用無效的解決就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 色综合中文 | 欧美中文一区 | 韩国av电影网 | 国产激情视频在线免费观看 | 天天操天天天 | 中文字幕av在线播放 | 91不卡| 夜夜av| 久久综合av | 日韩一区和二区 | 日韩成人影院 | 亚洲精品日韩在线观看 | 99在线资源 | 国产乱码精品一区二区三区中文 | 国产伦一区二区三区四区 | 国产精品一区二区三区在线播放 | 久久国产精品久久久久 | 日韩欧美国产精品一区二区三区 | 国产精品一区二区福利视频 | 日韩三级电影一区二区 | 宅女噜噜66国产精品观看免费 | 天堂资源 | 久久久久久成人 | 毛片大全| 亚洲国产精品久久久久秋霞不卡 | 日韩淫片免费看 | 蜜桃视频在线观看免费视频网站www | 中文天堂在线观看 | 国产高潮好爽受不了了夜夜做 | 自拍偷拍中文字幕 | 国产精品视频久久 | 最新国产福利在线 | 久草网址| 一区二区三区四区不卡 | 国产yw851.c免费观看网站 | 久久久免费 | 午夜电影福利 | 在线观看av中文字幕 | 日韩在线精品强乱中文字幕 | 日一区二区 | 欧美一级网站 |