猿问

vue写一个关注功能,为何第一次关注时切换按钮不起效?

写了两个按钮,用muse-ui.

结果第一次关注时无法切换(但请求发出去了,此时点击其它的“取消关注”才会切换。)
刷新后,已是“取消关注”的功能正常。

//这是按钮:

<mu-flat-button label="+ 关注" class="demo-flat-button" v-if="!item.user_followed"  @click="myFollow(item)" />

<mu-flat-button label="已关注" class="demo-flat-button" id="followed"  v-else="item.user_followed" @click="unFollow(item)"/>


//对应方法及请求

methods:{


//关注

 myFollow (item) {

        var _this = this;

        axios.post('关注的请求‘).then(function (res) {

            item.user_followed = true

        })

      },

      

//取消关注      

unFollow (item) {

        var _this = this;

        axios.post('取消关注的请求').then(function (res) {

            item.user_followed = false

        })

      }

}


吃鸡游戏
浏览 817回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答