鍍金池/ 問答/網(wǎng)絡安全  HTML/ event.currentTarget是null，后面操作也報錯

event.currentTarget是null，后面操作也報錯

  <button class="cancle_follow" :class="{followed:isFollow}" @click="addFollowSeller($event)">關注</button>
  addFollowSeller:function(event){
         app.isFollow = true;
       console.log(event.currentTarget);
        event.currentTarget.innerHTML = '已關注'
        // event.currentTarget.value
   
                }

下面是console的錯誤信息

null at newCarDetail.html : 428
Uncaught TypeError: Cannot set property 'innerHTML' of null at newCarDetail.html : 429

單獨寫到一個html頁面是可以的圖片描述

圖片描述

回答
編輯回答
護她命

你vue 為什么要用 DOM的innerHTML 來操作的
這個可能是去操作的時候 虛擬DOM改變 還沒操作真實DOM 沒辦法測到你的值 所以為null

<button class="cancle_follow" :class="{followed:isFollow}" @click="addFollowSeller($event)">{{xxx}}</button>

data(){
    xxx:'關注'
},
methods:{
  ///修改xxx的值
  this.xxx = '已關注'
}


這樣不是更符合vue的邏輯思想么
2018年8月23日 02:13