oracle日常训练

弹窗界面

<div 
                class="modal fade"
                id="sizingLargeModal"
              >
                <div class="modal-dialog modal-lg ">
                  <div class="modal-content">
                    <div class="modal-header">
                      <h1 class="modal-title fs-5">选择类型</h1>
                      <button
                        type="button"
                        class="btn-close"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      ></button>
                    </div>
                    <!--内容-->
                    <div class="modal-body text-bg-light ">

引入modal

import { Modal } from "bootstrap";

mounted() {
   
      let myModal = new Modal(document.getElementById('sizingLargeModal'));
      this.myModal = myModal;
  },

显示、隐藏

# 显示
this.myModal.show();
# 隐藏
this.myModal.hide();