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