小编flu*_*ple的帖子

我正在用Laravel和Vue制作一个购物车系统.当我将项目添加到购物篮时,我通过切换由v-if监视的Vue变量来显示确认消息:

<div class="alert alert-success" v-if="basketAddSuccess" transition="expand">Added to the basket</div>

和JS:

addToBasket: function(){
                item = this.product;
                this.$http.post('/api/buy/addToBasket', item);
                this.basketAddSuccess = true;
            }

(是的,我将在短期内加入这个).

这工作正常,并显示消息.但是,我希望消息在一段时间后再次消失,比如说几秒钟.我怎么能用Vue做到这一点？我试过了,setTimeOut但Vue似乎并不喜欢它,说这是未定义的.

编辑:我setTimeout像一个白痴一样拼错.但是,它仍然不起作用:

我的功能现在是:

addToBasket: function(){
                item = this.photo;
                this.$http.post('/api/buy/addToBasket', item);
                this.basketAddSuccess = true;
                setTimeout(function(){
                    this.basketAddSuccess = false;
                }, 2000);
            }