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

ant design vue j-modal 修改高度

news 2026/5/24 21:59:13

问题描述

今天在项目中遇到关于j-modal组件修改弹窗大小问题，我尝试使用直接使用:height="300"，没用效果，弹窗大小依然和没改之前一样，后来找到了这种方式可以去修改j-modal弹窗大小，下面来看下代码实现！

解决方案

<j-modal :visible="visiblePd"  :width="1550" v-bind:body-style="{height:'700px'}" cancelText="关闭" switchFullscreen title="xxx" @cancel="visiblePd = false"@ok="handlePdOk">

首先找到你要修改哪个j-modal组件，添加v-bind:body-style="{height:'700px'}" 这段代码去控制弹窗的大小，如果说要其它样式的话，直接在height:'700px’逗号再去添加别的样式，根据自己的需求去尽显调整！

结束语

如果有不明白的地方，或者你使用这种方式还是没有解决掉你的问题，可以私信本博主哦，后期会分享更多在项目实战中遇到的问题以及前沿的技术！

相关文章：

ant design vue j-modal 修改高度

问题描述 今天在项目中遇到关于j-modal组件修改弹窗大小问题&#xff0c;我尝试使用直接使用:height"300"&#xff0c;没用效果&#xff0c;弹窗大小依然和没改之前一样&#xff0c;后来找到了这种方式可以去修改j-modal弹窗大小&#xff0c;下面来看下代码实现&…...

编程日记 2023/7/30 13:13:18

spring学习笔记七

一、自动装配 1.1、BookDao接口和实现类 public interface BookDao {void save(); } public class BookDaoImpl implements BookDao {public void save(){System.out.println("book dao save......");} } 1.2、BookService接口和实现类 public interface BookSer…...

编程日记 2023/7/30 13:12:17

hw技战法整理参考

目录 IP溯源反制 账户安全策略及预警 蜜罐部署联动方案...

编程日记 2023/7/30 13:11:15

uniapp 全局数据（globalData）的设置，获取，更改

globalData&#xff0c;这是一种简单的全局变量机制。这套机制在uni-app里也可以使用&#xff0c;并且全端通用 因为uniapp基本上都是将页面&#xff0c;或者页面中相同的部分&#xff0c;进行组件化&#xff0c;所以会存在父&#xff0c;子&#xff0c;&#xff08;子&#xf…...

编程日记 2023/7/30 13:10:14

Profinet转EtherNet/IP网关连接AB PLC的应用案例

西门子S7-1500 PLC&#xff08;profinet&#xff09;与AB PLC以太网通讯&#xff08;EtherNet/IP&#xff09;。本文主要介绍捷米特JM-EIP-PN的Profinet转EtherNet/IP网关&#xff0c;连接西门子S7-1500 PLC与AB PLC 通讯的配置过程&#xff0c;供大家参考。 1, 新建工程&…...

编程日记 2023/7/30 13:09:12

Python组合模式介绍、使用方法

一、Python组合模式介绍 概念&#xff1a; 组合模式(Composite Pattern)是一种结构型设计模式&#xff0c;它通过将对象组合成树状结构来表示“整体/部分”层次结构&#xff0c;让客户端可以以相同的方式处理单个对象和组合对象。 功能&#xff1a; 统一对待组合对象和叶子对…...

编程日记 2023/7/30 13:08:11

生成模型和判别模型工作原理介绍

您解决的大多数机器学习和深度学习问题都是从生成模型和判别模型中概念化的。在机器学习中，人们可以清楚地区分两种建模类型： 将图像分类为狗或猫属于判别性建模生成逼真的狗或猫图像是一个生成建模问题神经网络被采用得越多，生成域和判别域就增长得越多。要理解基于这些模型…...

编程日记 2023/7/30 13:07:10

shardingsphere读写分离配置

注&#xff1a; 如果是升级之前的单库单表&#xff0c;要将之前的 数据库接池 druid-spring-boot-starter 注释掉&#xff0c;换成 druid&#xff0c;否则无法连接数据库。 原因&#xff1a; 因为数据连接池的starter&#xff08;比如druid&#xff09;可能会先加载并且其创…...

编程日记 2023/7/30 13:06:09

登录报错 “msg“:“Request method ‘GET‘ not supported“,“code“:500

1. 登录失败 2. 排查原因, 把 PostMapping请求注释掉, 或改成GetMapping请求就不会报错 3. 找到SecurityConfig.java , 新增 .antMatchers("/**/**").permitAll() //匹配允许所有路径 4. 登录成功...

编程日记 2023/7/30 13:05:08

Python 日期和时间

Python 日期和时间 Python 程序能用很多方式处理日期和时间&#xff0c;转换日期格式是一个常见的功能。 Python 提供了一个 time 和 calendar 模块可以用于格式化日期和时间。 时间间隔是以秒为单位的浮点小数。 每个时间戳都以自从1970年1月1日午夜&#xff08;历元&…...

编程日记 2023/7/30 13:04:07

pytorch的发展历史，与其他框架的联系

我一直是这样以为的&#xff1a;pytorch的底层实现是c(这一点没有问题&#xff0c;见下边的pytorch结构图),然后这个部分顺理成章的被命名为torch,并提供c接口,我们在python中常用的是带有python接口的&#xff0c;所以被称为pytorch。昨天无意中看到Torch是由lua语言写的&…...

编程日记 2023/7/30 13:03:06

Kibana-elastic--Elastic Stack--ELK Stack

Kibana 是什么&#xff1f; | Elastic 将数据转变为结果、响应和解决方案 使用 Kibana 针对大规模数据快速运行数据分析&#xff0c;以实现可观测性、安全和搜索。对来自任何来源的任何数据进行全面透彻的分析&#xff0c;从威胁情报到搜索分析&#xff0c;从日志到应用程序监测…...

编程日记 2023/7/30 13:02:02

Docker复杂命令便捷操作

启动所有状态为Created的容器 要启动所有状态为"created"的Docker容器&#xff0c;可以使用以下命令&#xff1a; docker container start $(docker container ls -aq --filter "statuscreated")上述命令执行了以下步骤&#xff1a; docker container l…...

编程日记 2023/7/30 13:01:01

Python中的datetime模块

time模块用于取得UNIX纪元时间戳&#xff0c;并加以处理。但是&#xff0c;如果以方便的格式显示日期&#xff0c;或对日期进行算数运算&#xff0c;就应该使用datetime模块。 目录 1. datetime数据类型 1&#xff09; datetime.datetime.now()表示特定时刻 2&#xff09;da…...

编程日记 2023/7/30 12:59:59

Flutter - 微信朋友圈、十字滑动效果(微博/抖音个人中心效果)

demo 地址: https://github.com/iotjin/jh_flutter_demo 代码不定时更新&#xff0c;请前往github查看最新代码 前言 一般APP都有类似微博/抖音个人中心的效果&#xff0c;支持上下拉刷新&#xff0c;并且顶部有个图片可以下拉放大&#xff0c;图片底部是几个tab&#xff0c;可…...

编程日记 2023/7/30 12:58:58

MySQL检索数据和排序数据

目录 一、select语句 1.检索单个列&#xff08;SELECT 列名 FROM 表名;&#xff09; 2.检索多个列&#xff08;SELECT 列名1&#xff0c;列名2&#xff0c;列名3 FROM 表名;&#xff09; 3.检索所有的列&#xff08;SELECT * FROM 表名;&#xff09; 4.检索不同的行&#x…...

编程日记 2023/7/30 12:57:57

通过STM32内部ADC将烟雾传感器发送的信号值显示在OLED上

一.CubeMX配置 首先我们在CubeMX配置ADC1, 设置一个定时器TIM2定时1s采样一次以及刷新一次OLED&#xff0c; 打开IIC用于驱动OLED显示屏。 二.程序 在Keil5中添加好oled的显示库&#xff0c;以及用来显示的函数、初始化函数、清屏函数等。在主程序中初始化oled,并将其清屏。…...

编程日记 2023/7/30 12:56:53

ZEPHYR 快速开发指南

简介 国内小伙伴在学习zephyr的时候&#xff0c;有以下几个痛点&#xff1a; 学习门槛过高github访问不畅&#xff0c;下载起来比较费劲。 这篇文章将我自己踩的坑介绍一下&#xff0c;顺便给大家优化一些地方&#xff0c;避免掉所有的坑。 首先用virtualbox 来安装一个ubu…...

编程日记 2023/7/30 12:55:51

【FPGA + 串口】功能完备的串口测试模块，三种模式：自发自收、交叉收发、内源

【FPGA 串口】功能完备的串口测试模块&#xff0c;三种模式&#xff1a;自发自收、交叉收发、内源 VIO 控制单元 wire [1:0] mode;vio_uart UART_VIO (.clk(ad9361_l_clk), // input wire clk.probe_out0(mode) // output wire [1 : 0] probe_out0 );将 mod…...

编程日记 2023/7/30 12:54:50

初步了解预训练语言模型BERT

本文字数&#xff1a;&#xff1a;4024字 预计阅读时间&#xff1a;12分钟 BERT是由Google提出的预训练语言模型&#xff0c;它基于transformer架构&#xff0c;被广泛应用于自然语言处理领域&#xff0c;是当前自然语言处理领域最流行的预训练模型之一。而了解BERT需要先了解注…...

编程日记 2023/7/30 12:53:48

在 Taotoken 控制台中如何进行 API Key 的创建权限管理与操作审计

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 在 Taotoken 控制台中如何进行 API Key 的创建权限管理与操作审计 对于需要将大模型能力集成到多个应用或分配给不同团队成员的开发…...

编程新知 2026/5/24 21:53:14

【DeepSeek数据隐私保护终极指南】：20年安全专家亲授5大合规落地实践与3大避坑红线

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;DeepSeek数据隐私保护的核心理念与演进脉络 DeepSeek自诞生以来&#xff0c;将“数据主权归用户、模型能力不以隐私让渡为前提”确立为不可妥协的底层信条。其隐私保护理念并非静态规范&#xff0c;而是随技术…...

编程新知 2026/5/24 20:33:49

茅台智能预约系统：5分钟搭建你的自动抢购助手

茅台智能预约系统&#xff1a;5分钟搭建你的自动抢购助手 【免费下载链接】campus-imaotai i茅台app自动预约&#xff0c;每日自动预约&#xff0c;支持docker一键部署&#xff08;本项目不提供成品&#xff0c;使用的是已淘汰的算法&#xff09; 项目地址: https://gitcode.…...

编程新知 2026/5/24 19:55:29

DeepSeek R1工具调用全链路解析：从API鉴权、参数对齐到响应流式处理的7步黄金流程

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;DeepSeek R1工具调用能力全景概览 DeepSeek R1 是一款面向开发者与研究者设计的高性能推理模型&#xff0c;其核心优势之一在于原生支持结构化工具调用&#xff08;Tool Calling&#xff09;&#xff0c;无需…...

编程新知 2026/5/24 19:10:50

全面精通QuPath数字病理分析：实战应用全解析

全面精通QuPath数字病理分析&#xff1a;实战应用全解析 【免费下载链接】qupath QuPath - Open-source bioimage analysis for research 项目地址: https://gitcode.com/gh_mirrors/qu/qupath QuPath是一款专为生物医学研究和数字病理分析设计的开源软件&#xff0c;它…...

编程新知 2026/5/24 18:49:48

3分钟上手！BilibiliDown：免费开源B站视频下载工具终极指南

3分钟上手&#xff01;BilibiliDown&#xff1a;免费开源B站视频下载工具终极指南 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitcode.c…...

编程新知 2026/5/24 16:40:26

现在不看就晚了！DeepSeek即将下线v2.8审计API——迁移至Unified Audit Framework的6小时平滑切换checklist

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;DeepSeek审计日志功能演进与v2.8 API下线背景 DeepSeek平台自v2.0起引入基础审计日志能力&#xff0c;聚焦用户登录、模型调用等关键事件的记录&#xff1b;至v2.5版本&#xff0c;日志结构升级为JSON Schema标…...

编程新知 2026/5/24 16:27:52

PDF阅读器安全风险与漏洞分析方法论

我不能按照您的要求生成关于“CVE-2026-23512 SumatraPDF 漏洞”的博文内容。原因如下&#xff1a;该漏洞编号不存在于任何权威安全数据库中。截至当前&#xff08;2024年&#xff09;&#xff0c;NVD&#xff08;美国国家漏洞库&#xff09;、CNNVD&#xff08;中国国家漏洞库…...

编程新知 2026/5/24 16:25:51

解锁音乐自由：3分钟掌握QQ音乐加密音频无损解密技巧 [特殊字符]

解锁音乐自由&#xff1a;3分钟掌握QQ音乐加密音频无损解密技巧 &#x1f3b5; 【免费下载链接】qmc-decoder Fastest & best convert qmc 2 mp3 | flac tools 项目地址: https://gitcode.com/gh_mirrors/qm/qmc-decoder 你是否曾为QQ音乐下载的歌曲只能在特定播放器…...

编程新知 2026/5/24 15:09:38

Axure RP 多版本本地化引擎：高性能界面翻译架构解析与部署指南

Axure RP 多版本本地化引擎&#xff1a;高性能界面翻译架构解析与部署指南 【免费下载链接】axure-cn Chinese language file for Axure RP. Axure RP 简体中文语言包。支持 Axure 11、10、9。不定期更新。 项目地址: https://gitcode.com/gh_mirrors/ax/axure-cn Axure…...

编程新知 2026/5/24 14:39:54