在Vue中模式关闭后的动作

Question

我想要自定义弹出消息以确认删除操作。我已经写了，但是关于如何将其连接到我的应用程序存在问题。我单击记录旁边的“ X”按钮，然后弹出模式对话框，确认其中确定自己在做什么，然后删除记录。如何使我的函数等待模态信息

Answer 1

您需要通过自定义事件使用父子沟通：

// 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。>>