删除按钮在vue-bootstrap中产生多个确认模式>

import { Modal, Button } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

<template>
  <div>
    <button @click="showConfirmationModal">删除</button>
    <b-modal v-model="showModal" title="确认删除" @ok="deleteItem">
      确定要删除吗？
    </b-modal>
  </div>
</template>

data() {
  return {
    showModal: false
  };
},
methods: {
  showConfirmationModal() {
    this.showModal = true;
  },
  deleteItem() {
    // 执行删除操作
    this.showModal = false; // 关闭模态框
  }
}