Javascript Vue中模式关闭后的操作

Javascript Vue中模式关闭后的操作,javascript,vue.js,modal-dialog,Javascript,Vue.js,Modal Dialog,我想要自定义弹出消息来确认删除操作。我已经写了,但我有一个问题,如何连接到我的应用程序。我单击记录旁边的“X”按钮,然后在模式弹出窗口中确认我确定我正在做什么,然后删除记录。如何使我的函数等待来自模态的信息您需要通过自定义事件使用父子通信: // Main component <template> <div> <your-modal-component @accept="deleteEntity"></your-modal-component

我想要自定义弹出消息来确认删除操作。我已经写了,但我有一个问题,如何连接到我的应用程序。我单击记录旁边的“X”按钮,然后在模式弹出窗口中确认我确定我正在做什么,然后删除记录。如何使我的函数等待来自模态的信息

您需要通过自定义事件使用父子通信:

// Main component
<template>
  <div>
    <your-modal-component @accept="deleteEntity"></your-modal-component>
  </div>
</template>

<script>
export default {
  methods: {
    deleteEntity() {
      // your delete functionality
    },
  },
};
</script>

// modal component
<template>
  <div>
    your modal code here
    <button @click="$emit('accept')">Accept</button>
  </div>
</template>
//主要组件
导出默认值{
方法:{
deleteEntity(){
//您的删除功能
},
},
};
//模态分量
你的模态代码在这里
接受
当用户单击删除btn时,您首先必须显示您的模式。之后,您只需在accept的情况下发出事件。在主组件中,侦听该事件,然后启动删除函数


有关Vue中亲子沟通的更多信息,请参阅。

Hi@MichałKruk,如果您可以在问题中添加一些代码,我认为这将有助于人们更有效地回答您的问题:)