当前位置: 首页 > 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();

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Datawhle X 李宏毅苹果书AI夏令营深度学习笔记之——局部最小值与鞍点
  • CSS3视图过渡动画
  • 【素数】在奇数中找素数并按每行10个数打印输出
  • Windows-Server-2016/2019绕过WindowsDefender
  • 速盾:中小企业网站cdn加速方案?
  • 百度广告联盟:抢占流量蓝海,精准营销新引擎
  • 正则表达式模块re及其应用
  • 【STM32】RTC
  • 【STM32】STM介绍
  • SQL语法:create、insert、update、
  • open62541 使用账号密码认证示例
  • BIRCH算法原理及Python实践
  • 2024年最新Java面试宝典系列-Java基础篇-第一篇
  • matlab与VS混合编程以及错误解决
  • 【Liunx入门】Liunx换源
  • (三)从jvm层面了解线程的启动和停止
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • 2017 年终总结 —— 在路上
  • CSS盒模型深入
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • JavaScript服务器推送技术之 WebSocket
  • Java多线程(4):使用线程池执行定时任务
  • python docx文档转html页面
  • SQLServer之创建数据库快照
  • vue 个人积累(使用工具,组件)
  • Vue官网教程学习过程中值得记录的一些事情
  • 创建一个Struts2项目maven 方式
  • 关于Java中分层中遇到的一些问题
  • 聊聊flink的TableFactory
  • 日剧·日综资源集合(建议收藏)
  • 数据科学 第 3 章 11 字符串处理
  • 通过几道题目学习二叉搜索树
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • ​数据结构之初始二叉树(3)
  • ​虚拟化系列介绍(十)
  • # 数论-逆元
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (附源码)ssm码农论坛 毕业设计 231126
  • (九)信息融合方式简介
  • (牛客腾讯思维编程题)编码编码分组打印下标题目分析
  • (七)c52学习之旅-中断
  • (一)为什么要选择C++
  • (转)Groupon前传:从10个月的失败作品修改,1个月找到成功
  • (转)大型网站的系统架构
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • ./configure、make、make install 命令
  • .[hudsonL@cock.li].mkp勒索加密数据库完美恢复---惜分飞
  • .htaccess配置常用技巧
  • .net 7 上传文件踩坑
  • .net framework 4.8 开发windows系统服务
  • .net wcf memory gates checking failed
  • .NET 设计模式—简单工厂(Simple Factory Pattern)
  • .net对接阿里云CSB服务
  • .net访问oracle数据库性能问题