event.currentTarget是null，后面操作也报错

Question

  <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页面是可以的

Answer 1

你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的逻辑思想么