vue.js - 如何在Vue JS中以编程方式隐藏模式

我正在尝试在vue js 2中创建一个组件。它是模态元件。其功能是提醒用户成功查询数据库或出现错误。因此，当用户提交表单成功或失败时，将显示此模式组件。我已经成功地显示了它，但问题是我想在显示后几秒钟内自动隐藏它。我怎样才能在vue js中实现这一点。

最佳答案

使用setTimeoutjavascript函数。

showModal(){
   var self = this;
   self.modalActive = true;
   setTimeout(function(){
      self.modalActive = false; // Use your variable name
   }, 5 * 1000); // Hide after 5 secs
}