当前位置: 首页 > news >正文

vue调用booststrap弹窗

弹窗界面

<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><buttontype="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();

http://www.mrgr.cn/news/12520.html

相关文章:

  • Apache RocketMQ 批处理模型演进之路
  • Jackson 忽略注解 @JsonIgnore 不生效
  • ssrf,csrf漏洞复现
  • 蓝牙资讯|2024Q2全球个人智能音频市场出货量1.1亿部
  • 集合及数据结构第十节(下)————常用接口介绍、堆的应用和java对象的比较
  • 【Linux入门】shell基础篇——while循环与until循环
  • 简易的 Websocket + 心跳机制 + 尝试重连
  • 全国首个高速公路5G-A通感一体基站在宁开通测试
  • Mysql的命令大全
  • 【附源码】Python :三棱柱建模
  • JVM经典的垃圾收集器
  • 自动化编译项目:使用 Bash 脚本与 CMake
  • 游戏开发中的打砖块反弹(godot)
  • 自动化刷题小练习
  • pytorch Dataset类代码学习
  • 牛客小白月赛99部分题解
  • 分布式系统
  • SpringBoot项目整合智谱AI + SSE推送流式数据到前端展示 + RxJava得浅显理解
  • WIFI驱动开发
  • 金融工程--基于akshare的数据获取