模态在vuejs中关闭时的操作

Question

我正在使用vue表带的Modal组件。我想知道如果modalshow为false，是否可以运行一个action /方法。基本上我想进行状态检查，然后在模态关闭时刷新页面。

Answer 1

在父组件中使用watch：

watch: {
  'showModal': function (newVal, oldVal) {
    if(newVal == false)
      doSomething();
  }
},

当模态显示状态发生变化时，此事件应该启动。 请记住在showModal的模态组件中使用twoWay绑定：

<modal large :show.sync="showModal" effect="zoom">