javascript - Vue模式关闭后的操作

我想要自定义弹出消息以确认删除操作。我已经写了，但是关于如何将其连接到我的应用程序存在问题。我单击记录旁边的“ 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>

当用户单击删除btn时，首先必须显示您的模式。之后，您只需在接受的情况下发出事件。在您的主要组件中，您将监听该事件并随后触发删除功能。

有关Vue中的亲子沟通的更多信息，请参见docs。

关于javascript - Vue模式关闭后的操作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59678810/