如何在vue

Question

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

Answer 1

使用setTimeout javascript功能。

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