【vue】ant-design弹出框无法关闭和runtimecore提示isFucntion is not function的问题修复

最新推荐文章于 2024-07-03 21:18:58 发布
最新推荐文章于 2024-07-03 21:18:58 发布
阅读量817 收藏 11
点赞数 7
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Little_Fishs/article/details/136509656
版权

【vue】ant-design弹出框无法关闭和runtimecore提示isFucntion is not function的问题修复，初步分析是vue发布3.4版本以后引起的兼容性问题。
问题截图：
在这里插入图片描述在这里插入图片描述

1.isFucntion is not function，是由于vue升级后众多插件版本不匹配造成的问题

2.弹框关闭失效问题，vue版本自动升级为3.4.x，ant- design也自动升级版本，新版本出现的这个问题，建议vue降低为3.3.X以下，vue-tsc降低为1.6.5，ant- design降低版本为3.2.20。
建议vue不要升级大版本，改为"vue": “~3.3.4”,重新安装依赖，再重新启动项目。

小余童鞋11
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ant-design-vue嵌入html,ant-design-vue 快速避坑指南(推荐)
weixin_39972519的博客
06-23 2974
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。本文主要目的是总结一些开发过程中比较耗时间去查找，文档中没有具体说明的常见问题，同时希望能给新上手此框架的...
Ant-design-vue + vue-i18n实现前端国际化
青年码农
05-27 684
项目基于Vue-cli3.x进行开发，使用了ant-design-vue框架，然后需要做国际化。此时做国际化需要考虑两方面的国际化，一是ant-design-vue内部组件的国际化，二是国际化我们的业务显示，业务显示我们选用vue-i18n进行国际化。安装vue-i18nyarn add vue-i18n在public文件夹下新建languages文件夹，在新建langs...
AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭
weixin_62273193的博客
05-20 838
AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭。先查看node_modules里面的vue版本 ，果然是3.4xx版本，弹窗的突然就关闭不了，代码也没有修改，猜测是vue的问题，到处寻找。自己动手解决，安装vue版本小于的3.3都版本。vue3 和 antdesignvue的项目。在github上找到了解决方法，参考。大家如果遇到同样问题可以一起讨论！重新启动项目，可以成功关闭！
关于ant design vue 使用Modal无法关闭弹窗的解决思路
最新发布
weixin_44784401的博客
07-03 1200
关于ant design vue 使用Modal无法关闭弹窗的解决思路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,
ant design vue Modal.confirm无法关闭的问题
TVM的博客
01-18 5107
使用ant design vue3.2.20版本的modal.confirm来生成提示框，但是无论是@ok还是@cancel都无法正常关闭提示框。甚至使用 Modal.destroyAll()都无法将其关闭，控制台也没报错。解决办法：当前vue版本是3.4.x，将版本降低至3.2.x，就可以正常将confirm关闭。
解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。
qq_43807473的博客
04-15 2293
解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。首先说为什么会导致这个问题：因为现在vue官方的最新版本是3.4.x，可能是vue最新版本的部分代码与Ant Design不兼容导致的。次版本号的变化表示软件包具有新的功能，但是与之前的版本兼容。
vue3.4 ant-design-vue的Modal.confirm无法关闭，需要将vue降为3.3
xixi4399的博客
01-11 1552
vue3.4 ant-design-vue的Modal.confirm无法关闭 需要将vue降为3.3
vue_ant-design-vue菜单递归
12-28
在Vue.js框架中，Ant Design Vue是一个非常流行的UI组件库，它提供了丰富的界面元素和设计模式，便于开发者构建美观且功能强大的Web应用。本项目主要关注的是Ant Design Vue中的菜单（Menu）组件，特别是如何处理...
ant-design-vue使用之路
热门推荐
qq_39692513的博客
12-21 2万+
目录引入ant-design-vue1.全局引入2. 局部引入局部引入组件局部引入图标使用1message的使用2 日期范围组件本地化3组件化的小技巧listform优化webpack分析插件优化强依赖插件moment 引入ant-design-vue 1.全局引入 1. 命令行使用npm安装 npm install ant-design-vue --save 2. main.ts文件中导入 import Antd from 'ant-design-vue'; import 'ant-design-vu
使用vite + vue3 + ant-design-vue + vue-router + vuex 创建一个后台管理应用
m0_73829151的博客
03-13 415
使用 vite + vue4.0 + ant-design-ui + vue-router + vuex 创建一个后台管理的应用。
antdv中的modal弹窗打开之后无法关闭
weixin_44689966的博客
01-13 2754
删除node_modules，删除package-lock.json。修改vue的版本，固定为3.3.x。具体问题可以看这个官方issue。
antdesign的modal.confirm突然无法自动关闭
weixin_45455337的博客
01-20 4637
它指示包管理器（如npm）可以安装与指定版本相同的主版本号（第一位数字）和次要版本号（第二位数字），但不包括修订版本号（第三位数字）之后的更新。例如，如果在package.json文件中指定了^3.2.0作为依赖版本号，那么包管理器将会安装3.2.x（包括3.2.0、3.2.1、3.2.2等）的版本，但不会安装3.3.0及以上的版本。这样做的目的是为了确保在包的后续版本发布时，能够自动安装向后兼容的更新，而不必手动更改版本号。另外也可能是vue3.4版本的原因，需要测试一下vue版本问题。
antd-vue的modal对话框关闭报错
qq_44242707的博客
05-31 2113
第三方库版本：Vue3、Antd3.2 现象：modal框点击关闭报错 原因：modal通过v-model绑定作为prop传入的visible时，modal内置方法将更新prop中的visible，这种直接修改prop的情况导致报错 解决方案：v-model:visible = “visible” => v-bind:visible = “visible” ...
ant-design modal关闭处理
weixin_47365040的博客
06-04 7872
对话框关闭后内容不消失 问题重述 1、 打开对话框 2、选择内容 3、重新打开后 4、代码 <a-modal v-model="visible" title="发布活动" on-ok="handleOk"> <template slot="footer"> <a-button key="back" @click="handleCancel"> 返回 </a-button>
Ant Design Vue V3 Modal 对话框
m0_65137738的博客
02-07 6458
模态对话框。 何时使用# 需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用Modal在当前页面正中打开一个浮层，承载相应的操作。 另外当需要一个简洁的确认框询问用户时，可以使用Modal.confirm()等语法糖方法。 API# # 参数 说明 类型 默认值 版本 afterClose Modal 完全关闭后的回调 function 无 bodyStyle Modal body 样式 object ...
antd $confirm无法关闭踩坑
m0_61837007的博客
06-08 2700
【代码】antd $confirm无法关闭踩坑。
Vue3控制模态框打开关闭的三种方法
Anorry的博客
07-03 3822
主要讲了实现控制子组件的模态框打开关闭的三种方法
【Ant Design of Vue】Modal.confirm无法关闭的bug
一只正在狂飙的肥兔
01-18 6418
在使用 Ant Design Vue 的 Modal.confirm 确认框时，出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。
vue ant-design中根据仓库id显示列表数据，类似watch的用法
05-25
可以使用Vue的`watch`属性监听仓库id的变化，然后在回调函数中发送请求获取对应仓库的数据，再将数据更新到组件的data属性中，从而实现显示列表数据的功能。 具体实现步骤如下： 1. 在组件的data属性中定义一个空数组`repoList`，用于存储获取的仓库列表数据。 2. 在`watch`属性中监听仓库id的变化，当仓库id发生变化时，执行回调函数。 ```javascript watch: { repoId: { immediate: true, // 组件初始化时立即执行回调函数 handler: function(newVal, oldVal) { // 发送请求获取对应仓库的数据 axios.get(`/api/repo/${newVal}/list`) .then(res => { this.repoList = res.data; // 将数据更新到组件的data属性中 }) .catch(err => { console.log(err); }); } } } ``` 上面的代码中，我们使用了`axios`库发送异步请求，获取对应仓库的数据，并将数据更新到组件的data属性中。 3. 在组件的template中使用`v-for`指令渲染仓库列表数据。 ```html <template> <div> <ul> <li v-for="repo in repoList" :key="repo.id">{{ repo.name }}</li> </ul> </div> </template> ``` 上面的代码中，我们使用了`v-for`指令渲染仓库列表数据，其中`repoList`是在data属性中定义的数组，用于存储获取到的仓库列表数据。 完整代码示例： ```html <template> <div> <ul> <li v-for="repo in repoList" :key="repo.id">{{ repo.name }}</li> </ul> </div> </template> <script> import axios from 'axios'; export default { data() { return { repoId: null, repoList: [] } }, watch: { repoId: { immediate: true, handler: function(newVal, oldVal) { axios.get(`/api/repo/${newVal}/list`) .then(res => { this.repoList = res.data; }) .catch(err => { console.log(err); }); } } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值