Javascript 在Vue中的axios请求后更新跟踪状态

我需要在axios请求后更新follow an unfollow按钮

    <template>
        <div v-if="isnot">
        <a href="#"  @click.prevent="unfellow" v-if="isfollowing" >unFellow</a>
        <a href="#" @click.prevent="fellow"  v-else >Fellow</a>
        </div>
    </template>

一个基本的例子：

fellow () {
     var self = this;
     axios.post(`/@${this.follower}/follow/`)
     .then(function (response) {
          self.isfollowing = true;
     })
     .catch(function (error) {
          console.log( error.response.data);
     });
},

---

Axios有一系列的方法可以在响应到达后执行。在post调用的情况下，您的结构可以是这样的

axios.postYOUR路线 .功能反应{ //在获得成功响应后执行 //在这里，您可以相应地更改“isfollowing”变量 } .catchfunction错误{ //在获得错误响应后执行 }; 快捷方式：

<template>
    <div v-if="isnot">
        <a href="#"  @click.prevent="fellowUnfellow" v-if="isfollowing" >{{isfollowing ? "unFellow" : "Fellow"}}</a>
    </div>
</template>

fellowUnfellow () {
   axios.post(`/@${this.follower}/follow/`).then(function (r) {
       this.isfollowing = !this.isfollowing;
   })
}

---

.然后…….必要时在数据中定义变量，此工作数据{return{isfollowing:false}}我正在使用vue v2。

<template>
    <div v-if="isnot">
        <a href="#"  @click.prevent="fellowUnfellow" v-if="isfollowing" >{{isfollowing ? "unFellow" : "Fellow"}}</a>
    </div>
</template>

fellowUnfellow () {
   axios.post(`/@${this.follower}/follow/`).then(function (r) {
       this.isfollowing = !this.isfollowing;
   })
}