Question

在收到axios请求后，我在网上更新了此错误并更新了跟随取消关注按钮，它可以这样做，但是我不想出现任何错误

[Vue警告]：避免直接更改道具，因为每当父组件重新渲染时，该值就会被覆盖。而是使用基于属性值的数据或计算属性。道具被突变：“正在关注”

  <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>

    props:['isnot','isfollowing','follower']

我的方法

        fellow () {
            axios.post(`/@${this.follower}/follow/`)
              this.isfollowing = !this.isfollowing;
        },
        unfellow () {
            axios.post(`/@${this.follower}/unfollow/`)
              this.isfollowing = !this.isfollowing;
        },
    }

Answer 1

该道具不应该直接更新，您需要创建一个具有初始状态的局部变量，因此您的突变应该在该局部变量上，我写了这个示例希望对您有帮助

https://codesandbox.io/s/xoyq2w996z

在Vue 2中axios请求后更新关注状态

1 个答案: