Beufy中的Modal的“ Close”事件

时间:2019-02-22 15:12:52

标签: vue.js vuex

如何在Beufy中触发关闭事件?我尝试了下面的代码,但看不到控制台。我想在“关闭”之前做点什么。

this.$modal.open({
                parent: this,
                component: myComponent,
                hasModalCard: true,
                canCancel: true,
                events: {
                    close: (value) => {
                        console.log('im here!', value)
                    }
                }
            })

1 个答案:

答案 0 :(得分:1)

所以我想出了如何在提交时关闭我的模式之前触发事件的方法。

首先,我在“父项”组件的模态中创建了一个自定义事件:

this.$modal.open({
                parent: this,
                component: myComponent,
                hasModalCard: true,
                canCancel: true,
                events: {
                    afterSubmit: (value) => {
                        // Do something here. In my case, I am setting something in a field in my parent from Store.
                    }
                }
            })

第二,我在调用“提交”按钮的函数中的“子”组件内做了一个$ emit。

submitForm() {
   this.$emit('afterSubmit', value)
}