資訊專欄INFORMATION COLUMN
摘要：問題一個(gè)報(bào)錯(cuò)的問題處理解決方法箭頭函數(shù)改變了指向這樣會(huì)報(bào)錯(cuò)，箭頭函數(shù)導(dǎo)致指向出錯(cuò)，改成這樣就好了上面那樣寫會(huì)報(bào)錯(cuò)，改成下面這樣就可以了，不要使用箭頭函數(shù)
問題：
一個(gè)報(bào)錯(cuò)的問題處理：Error in callback for watcher "checkList": "TypeError: Cannot read property
解決方法：（箭頭函數(shù)改變了指向）handler:(val,oldVal)=>{} 這樣會(huì)報(bào)錯(cuò)，箭頭函數(shù)導(dǎo)致this指向出錯(cuò)，改成handler:function(val,oldVal){}這樣就好了
watch:{
checkList:{
handler:(oldValue,newValue) => {
let _sum = 0
this.orderData.forEach(item => {
if(this.checkList[item.order_id]){
_sum += item.service_price
}
})
this.sum = _sum
},
deep:true
}
},
上面那樣寫會(huì)報(bào)錯(cuò)，改成下面這樣就可以了，不要使用箭頭函數(shù)
watch:{
checkList:{
handler:function(oldValue,newValue){
let _sum = 0
this.orderData.forEach(item => {
if(this.checkList[item.order_id]){
_sum += item.service_price
}
})
this.sum = _sum
},
deep:true
}
},
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/110197.html
摘要：我們發(fā)現(xiàn)默認(rèn)是使用異步執(zhí)行更新。優(yōu)先使用，在不存在的情況下使用，這兩個(gè)方法的回調(diào)函數(shù)都會(huì)在中執(zhí)行，它們會(huì)比更早執(zhí)行，所以優(yōu)先使用。是最后的一種備選方案，它會(huì)將回調(diào)函數(shù)加入中，等到執(zhí)行。 寫在前面 因?yàn)閷?duì)Vue.js很感興趣，而且平時(shí)工作的技術(shù)棧也是Vue.js，這幾個(gè)月花了些時(shí)間研究學(xué)習(xí)了一下Vue.js源碼，并做了總結(jié)與輸出。文章的原地址：https://github.com/ans...
摘要：大概過了一遍工具類后，開始看實(shí)例的具體實(shí)現(xiàn)原文地址項(xiàng)目地址實(shí)現(xiàn)了的初始化函數(shù)方法會(huì)在實(shí)例創(chuàng)建的時(shí)候被調(diào)用初始化了實(shí)例的共有屬性如還有一堆私有屬性如等等最后再是初始化實(shí)例狀態(tài)事件生命周期等等在實(shí)現(xiàn)上比較有趣使用來實(shí)現(xiàn)對(duì)的和方法利用獲取 大概過了一遍 util 工具類后，開始看 Vue 實(shí)例的具體實(shí)現(xiàn) 原文地址項(xiàng)目地址 init src/instance/init.js 實(shí)現(xiàn)了 Vue 的...
摘要：本篇文章主要是對(duì)中的異步更新策略和機(jī)制的解析，需要讀者有一定的使用經(jīng)驗(yàn)并且熟悉掌握事件循環(huán)模型。這個(gè)結(jié)果足以說明中的更新并非同步。二是把回調(diào)函數(shù)放入一個(gè)隊(duì)列，等待適當(dāng)?shù)臅r(shí)機(jī)執(zhí)行。通過的主動(dòng)來觸發(fā)的事件，進(jìn)而把回調(diào)函數(shù)作為參與事件循環(huán)。 本篇文章主要是對(duì)Vue中的DOM異步更新策略和nextTick機(jī)制的解析，需要讀者有一定的Vue使用經(jīng)驗(yàn)并且熟悉掌握J(rèn)avaScript事件循環(huán)模型。 ...
摘要：而和的延遲明顯是小于的。因?yàn)榈氖录C(jī)制是通過事件隊(duì)列來調(diào)度執(zhí)行，會(huì)等主進(jìn)程執(zhí)行空閑后進(jìn)行調(diào)度，所以先回去等待所有的進(jìn)程執(zhí)行完成之后再去一次更新。因?yàn)槭紫扔|發(fā)了，導(dǎo)致觸發(fā)了的，從而將更新操作進(jìn)入的事件隊(duì)列。這種情況會(huì)導(dǎo)致順序成為了。 背景 我們先來看一段Vue的執(zhí)行代碼： export default { data () { return { msg: 0 ...
閱讀 1250·2021-11-23 09:51
閱讀 687·2021-11-19 09:40
閱讀 1353·2021-10-11 10:58
閱讀 2362·2021-09-30 09:47
閱讀 3739·2021-09-22 15:55
閱讀 2174·2021-09-03 10:49
閱讀 1265·2021-09-03 10:33
閱讀 707·2019-08-29 17:12
