Question

https://bootstrap-vue.js.org/docs/components/alert/

我试图在按钮单击时显示警报，并将其隐藏起来，然后再次单击按钮时再次显示警报，

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

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

我希望这将显示警报并将“保存的”重置为0或其他值，因此当我再次单击该按钮时，我什至试图在单击后将该值设置为0，但无济于事。

在他们的其他示例中，他们使用'countDownChanged'，'showAlert'等其他方法做了类似的事情，我只是想知道如果不这样做，是否可以做到。

感谢您的帮助。

Answer 1

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

<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);
        }
       }

codepen-https://codepen.io/anon/pen/QoeNro

vue-bootstrap警报仅显示一次

1 个答案: