关于ant design vue 使用Modal无法关闭弹窗的解决思路

文章目录

  • 1: 出现问题的版本
  • 2.出现问题
    • (1)ant design 的问题
    • (2)poina的提示报错
  • 3.正确版本
  • 总结


1: 出现问题的版本

"ant-design-vue": "^3.2.20",
"pinia": "^2.1.7",
"vue": "^3.3.9",

2.出现问题

Ant design vue 只支持vue3.2的版本。

(1)ant design 的问题

问题:ant design vue 使用Modal无法关闭弹窗
解决:将vue版本改为3.2.33
原因3.3版本需要使用ant-design4 版本

(2)poina的提示报错

问题:将vue版本改为3.2.33后重新安排运行项目,提示报错
pinia 2.1.7 和vue3.3.9没问题
pinia 2.1.7 和vue 3.2.33 提示以下报错

node_modules/.pnpm/pinia@2.1.7_typescript@5.5.2_vue@3.2.33/node_modules/pinia/dist/pinia.mjs:6:9:
6 │ import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2, isRef, isReactive, set, getCurrentScope, onScopeDispose, getCurrentInstance…

解决:poina使用的是2.1.3版本,使用vue
解决: 将poina版本降级为2.0.36
原因:为什么是2.0.36版本???因为2.1.0版本需要的就是3.3的版本了
官网地址:https://github.com/vuejs/pinia/blob/v2/packages/pinia/CHANGELOG.md
在这里插入图片描述

3.正确版本

"ant-design-vue": "^3.2.20",
"pinia": "^2.0.36","vue": "^3.2.33",

总结

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/40077.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

人工智能工具在软件开发中的作用与未来展望

随着生成式人工智能(AIGC)的迅猛发展,软件开发领域正经历着深刻的变革。从代码生成、错误检测到自动化测试,AI工具正在逐渐成为开发者的重要助手。然而,这也引发了对开发者职业前景和技能需求变化的广泛讨论&#xff1…

好看的风景视频素材在哪下载啊?下载风景视频素材网站分享

随着短视频和自媒体的兴起,美丽的风景视频不仅能让人眼前一亮,更能吸引大量观众。无论是旅游博主分享那些令人心旷神怡的旅行片段,还是视频编辑师寻找背景素材来增强作品的视觉效果,高质量的风景视频素材需求量巨大。以下是几个下…

Radio专业术语笔记

在收音机的 RDS (Radio Data System) 功能中,CT 代表 “Clock Time”。RDS 是一种数字广播标准,用于在调频广播中传输辅助数据,如电台名称、节目类型、交通信息等。CT 功能是其中的一部分,用于同步和显示广播电台发送的当前时间。…

【干货】SaaS企业使用PLG模式实现用户自增长与留存的三大战略

近年来越来越多toB厂商开始采用SaaS模式,消费者的体验需求和购买行为也逐渐转变。根据Forrester研究调查显示,B端购买者现在越来越倾向于进行产品体验和产品调研与评估,而非如传统的方式那样直接与销售人员接触。 因此,SaaS&…

.npy格式图像如何进行深度学习模型训练处理,亲测可行

import torchimport torch.nn as nnimport torch.nn.functional as Fimport numpy as npfrom torch.utils.data import DataLoader, Datasetfrom torchvision import transformsfrom PIL import Imageimport json# 加载训练集和测试集数据train_images np.load(../dataset/tra…

x86芯片定制,Ethercat芯片定制,适用于运动控制,工业总线等软硬一体机

x86芯片定制,Ethercat芯片定制 X86平台 我们的研发工程师已经积累了非常丰富的主板、整机设计经验,对接您的产品规格场景需求,快速交付样机,包含主板、BOX整机、平板电脑、CPCI等形态产品。降本、长生命周期、快速交付、及时响应…

鸿蒙开发设备管理:【@ohos.settings (设置数据项名称)】

设置数据项名称 说明: 本模块首批接口从API version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 本模块提供设置数据项的访问功能相关接口的说明及示例。 导入模块 import settings from ohos.settings;settings.getUri…

访问者模式在金融业务中的应用及其框架实现

引言 访问者模式(Visitor Pattern)是一种行为设计模式,它允许你在不改变对象结构的前提下定义作用于这些对象的新操作。通过使用访问者模式,可以将相关操作分离到访问者中,从而提高系统的灵活性和可维护性。在金融业务…

数组理论基础

1. **数组定义**: - 数组是存放在连续内存空间上的相同类型数据的集合。 2. **数组特性**: - 数组下标从0开始。 - 数组的内存空间地址是连续的。 3. **数组操作**: - 数组可以通过下标索引快速访问元素。 - 数组元素的删除…

修复 OpenSSH 爆出极其严重的安全漏洞!

最近几天OpenSSH爆出了一个高危漏洞:CVE-2024-6387,影响到了很多的Linux服务器系统。明月第一时间给所有的代维客户服务器进行了排查和漏洞修复,因此耽搁了一些时间。直到今天才算抽出空来给大家分享一下。严格上来说这个漏洞的危险性还是极高…

PR视频剪辑(2)——节奏把控(导入、序列、素材出入点、标记点)

PR视频剪辑(2)——视频节奏(导入、项目窗口、序列、素材出入点、标记点) 一、新建项目、导入素材1.1 拖动导入1.2 双击导入1.3 右键导入1.4 窗口导入1.5 选择文件导入1.6 快捷键导入(ctrl + i)1.7 文件夹导入(文件夹全是素材就可使用该方法)二、项目窗口(介绍项目窗口…

等保2.0 实施方案之信息软件验证要求

一、等保2.0背景及意义 随着信息技术的快速发展和网络安全威胁的不断演变,网络安全已成为国家安全、社会稳定和经济发展的重要保障。等保2.0(即《信息安全技术 网络安全等级保护基本要求》2.0版本)作为网络安全等级保护制度的最新标准&#x…

CesiumJS【Basic】- #058 绘制网格填充多边形(Entity方式)-使用shader

文章目录 绘制网格填充多边形(Entity方式)-使用shader1 目标2 代码2.1 main.ts绘制网格填充多边形(Entity方式)-使用shader 1 目标 使用Entity方式绘制绘制网格填充多边形 - 使用shader 2 代码 2.1 main.ts import * as Cesium from cesium;// 创建 Cesium Viewer 实例…

非NVIDIA联盟——如UALink(超加速器链接)联盟和UXL基金会等组织发起反击

随着NVIDIA可能面临法国反垄断监管机构的指控,非NVIDIA联盟——如UALink(超加速器链接)联盟和UXL基金会等组织——正据报道发起反击,大幅增加在专用ASIC开发上的努力。 据《工商时报》报道,相关的半导体知识产权&…

在鸿蒙ArkTS中使用Three.js实现3D模型渲染

1.引言 鸿蒙操作系统作为华为自主研发的分布式操作系统,正在迅速发展并获得越来越多开发者的关注。ArkTS作为鸿蒙原生开发语言,提供了强大的声明式UI框架和丰富的系统能力。然而,在复杂的3D图形渲染方面,ArkTS还缺乏原生的支持。 Three.js是一个流行的JavaScript 3D库,它简化…

Qt窗口阴影效果

qt中,一些弹窗我们期望有一个阴影的效果。我们可以在ui界面中,对整个窗口的边缘预留10px,然后在构造函数中设置一下的代码,当然还要设置透明属性,然后即可实现。 // 创建阴影效果QGraphicsDropShadowEffect *shadowEf…

Linux 【线程池】【单例模式】【读者写者问题】

💓博主CSDN主页:麻辣韭菜💓   ⏩专栏分类:Linux初窥门径⏪   🚚代码仓库:Linux代码练习🚚   🌹关注我🫵带你学习更多Linux知识   🔝 目录 🏳️‍🌈前言 …

ES6自定义模块

在ES6中,我们可以使用 export 和 import 关键字来定义和使用自定义模块。 定义模块 导出(export) 命名导出(Named Exports): 使用 export 关键字来导出模块中的变量、函数、类等。例如: // ma…

js 复制文本带样式

一键复制带样式的html文本到邮件 <div><div idcopy-content><div style{{ fontSize: 16px,fontWeight: 500, lineHeight: 24px, color: #222, marginBottom: 16px }}>邀请您参加腾讯会议网络研讨会&#xff08;Webinar)</div></div><Button …