Vue.js vue引导警报仅显示一次

我试图在按钮点击时显示警报一秒钟并将其隐藏，然后在再次点击按钮时再次显示

    <b-alert :show="saved" >Default Alert</b-alert>

..
clicked() {
//1 sec delay
  this.saved = 1
}

默认警报
..
点击（）{
//1秒延迟
此参数为1
}

我希望这会显示警报，并将“已保存”重置为0或其他内容。因此，当我再次单击按钮时，我甚至尝试在单击后将值设置为0，但没有效果

在他们的其他例子中，他们用其他方法做了类似的事情，比如“countDownChanged”和“showAlert”，我只是想知道如果没有这些方法，是否可以做到这一点

---

非常感谢您的帮助。

请参考以下代码。这对我来说很好

<button @click="test">lalala</button>
<b-alert :show="showvar" >Default Alert</b-alert>

data: {
    showvar:false,
    sec:1000
},
methods: {
    test: function() {
        console.log("hi")
        let self = this;
        self.showvar=true
        setTimeout(function(){ self.showvar=false; }, self.sec);
    }
}

lalala
默认警报
数据：{
肖瓦尔：错，
第1000节
},
方法：{
测试：函数（）{
控制台日志（“hi”）
让自我=这个；
self.showvar=true
setTimeout（函数（）{self.showvar=false；}，self.sec）；
}
}

---

代码笔-

请参考以下代码。这对我来说很好

<button @click="test">lalala</button>
<b-alert :show="showvar" >Default Alert</b-alert>

data: {
    showvar:false,
    sec:1000
},
methods: {
    test: function() {
        console.log("hi")
        let self = this;
        self.showvar=true
        setTimeout(function(){ self.showvar=false; }, self.sec);
    }
}

lalala
默认警报
数据：{
肖瓦尔：错，
第1000节
},
方法：{
测试：函数（）{
控制台日志（“hi”）
让自我=这个；
self.showvar=true
setTimeout（函数（）{self.showvar=false；}，self.sec）；
}
}

---

codepen-

我想，您需要使用

true

或

false

而不是数值。添加更多的代码会有帮助。也尝试了布尔值..同样的问题，这几乎是我所有的代码，我想，您需要使用

true

或

false

而不是数值。添加更多的代码会有帮助。也尝试了布尔运算..同样的问题，这几乎是我所有的代码，Savehi，谢谢你的回答。但是，你能详细解释一下为什么会这样吗？很简单，我在单击中将showvar设置为true，一秒钟后setTimeout将调用，它将showvar设置为false hi，谢谢你的回答。但是，你能详细解释一下为什么这样做吗？很简单，我在单击中将showvar设置为true，一秒钟后setTimeout将调用，它将showvar设置为false