弹窗界面
<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();