Property 'closeAll' does not exist on type 'ElMessage'

最新推荐文章于 2024-01-20 06:00:00 发布
最新推荐文章于 2024-01-20 06:00:00 发布
阅读量860 收藏 1
点赞数 2
分类专栏： Vue 文章标签： Vue element typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25842063/article/details/102619006
版权
本文针对Element UI中Message组件出现的未声明错误，提供两种解决方案：一是手动修改node_modules内的声明文件，添加close和closeAll方法；二是直接操作this，但不推荐此法，因缺乏类型推断。
摘要由CSDN通过智能技术生成

遇到这种错误是element没有及时更新声明文件的问题,我看到github上已经有人提了pull request, 但是并没有发版,所以需要自己去改动,两种办法,

更改node_modules 里面的声明文件

这个办法只能是临时使用, 找到node_modules/element-ui/types/message 在里面添加 close 和 closeAll的声明

close (): void

closeAll(): void
直接更改this

这种办法不推荐,这样就无法进行类型推断的,但是现在的问题是要节目当前的问题,所以也没多大关系,等到element 发新版的时候及时更新就好了

(this as any).$message.closeAll();
zpzxgcr
关注
专栏目录
Another How to turn your Pi in a Bluetooth Speaker Tutorial树莓派蓝牙配对 配网
南七小僧的学海无涯
07-21 136
【代码】Another How to turn your Pi in a Bluetooth Speaker Tutorial树莓派蓝牙配对 配网。
【QNX+Android虚拟化方案】59 - OpenWFD 显示驱动库 libDP2_COMMON.so 源码分析
|~~~热爱生活、努力学习的小伙汁~~~|
06-12 799
【QNX+Android虚拟化方案】59 - OpenWFD 显示驱动库 libDP2_COMMON.so 源码分析
Vue 错误 Property ‘xxx‘ does not exist on type ‘{}‘.
Tao 技术博客
12-21 2854
vue 简单错误
Element的message消息提示每次只出现一个
hu104160112的博客
12-11 3108
使用element的message消息提示框有时出现这种重复弹出情况 解决办法 if(document.getElementsByClassName('el-message').length == 0){ //也就是当前没有提示弹窗 that.$message('xxxxx') } 这样同时有个问题，上一个提示没消失之前下一个消息提示不会出现，还是显示上一个 所以使用以下方法，在消息提示之前关闭之前所有的消息提示 this.$message.closeAll(); ..
解决TS报错Property ‘style‘ does not exist on type ‘Element‘
Ben_Simons
02-26 6046
在使用queryselector获取一个dom元素，编译时却报错说property 'style' does not exist on type 'element'。 原因：这是typescript的类型检查导致的，需要在querySelector方法前面加个类型断言。 let frameContainObj = document.getElementById("model_view_container") let iframeObj= <HTMLElement>frameContainO
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
热门推荐
weixin_41935198的博客
06-02 2万+
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。 在参考一些正确的代码后，有两个解决方案。 在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from "vue-property-decorator"; import { mapState } from "vue
ElMessage组件二次封装，禁止相同内容弹窗多次显示 vue3 +ts
weixin_55721538的博客
11-28 1643
ElMessage组件二次封装，禁止相同内容弹窗多次显示 vue3 ts
2020.12.17课堂笔记(HBase分布式环境搭建)
超可爱慕之
12-17 470
HBase分布式环境搭建 一、HBase分布式环境安装 1.1 Zookeeper正常部署启动 首先保证Zookeeper集群的正常部署，并启动： [root@hadoop102 zookeeper]$ $ZK_HOME/bin/zkServer.sh start [root@hadoop103 zookeeper]$ $ZK_HOME/bin/zkServer.sh start [root@hadoop104 zookeeper]$ $ZK_HOME/bin/zkServer.sh start 1.2
强大的socat工具，可创建虚拟串口、在串口/网口间转发数据等，基本上无所不能的工具
哦，原来你也在这里。
01-20 1429
socat，一个强大的工具，串口工具
python实现网络测速
A soul tortured by desire
01-06 1208
Python网络测速
阻止elementUi message重复弹窗
weixin_46251808的博客
09-06 369
handelClick(){ this.closeClick() this.message =this.$message({ message:"阻止重复弹窗", type:"warning", duration:0, }); }, closeClick(){ this.message ?this...
记录个问题Property ‘click‘ does not exist on type ‘Element‘
qq_36487294的博客
01-02 4012
我想要在子组件给index.html发消息,但暂时没什么好解决办法，就在index.html上加个button并隐藏 这里是index.html页面 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>危急值弹窗</title> ...
vue报错：**Property ‘xxxx‘ does not exist on type ‘xxxx‘**
qq_43510829的博客
04-07 1万+
解决：首先检查是不是没有这个属性，如果确定所有变量引用都没问题，直接忽视就好了 原因：比如变量 a 有个属性 b，但是 a（数据）是可能是从后端或者从别的文件传过来的，在该文件下 vscode 无法查找到 a.b，则会显示有问题，但页面会正常显示，无伤大雅，如果没有正常显示那一定是某处出问题了 小提示：如果是后端传数据，可以自己手动请求一遍数据（比如用 httpie 或者 postman），看看是否能返回数据或者返回的数据正常，以此来排除后端接口原因 如果觉得对你有帮助的话，点个赞呗~ 反正发文又不赚钱.
Vue3+Vite+Ts 项目实战 03 初始化 Element Plus、API 和组件自动导入、ElMessage 组件使用、Vue 全局属性、Axios、环境变量、跨域
皮蛋很白的博客
04-20 1万+
配置 Vue Router Vite 创建的项目没有集成 Vue Router，需要手动安装集成。 Vue 3 使用最新版本的 Vue Router v4.x。 # 安装 npm install vue-router@4 创建路由配置文件： <!-- src\views\home\index.vue --> <template> <div> 首页 </div> </template> <script setup lang=
element-ui基础组件-message
xiuxialala的博客
10-31 921
默认情况下，当用户触发取消（点击取消按钮）和触发关闭（点击关闭按钮或遮罩层、按下 ESC 键）时，Promise 的 reject 回调和callback回调的参数均为 ‘cancel’（普通弹出框中的点击取消时的回调参数）。如果将distinguishCancelAndClose属性设置为 true，则上述两种行为的参数分别为 ‘cancel’ 和 ‘close’。this.$message.error('请勿重复添加根节点！message.error('请勿重复添加根节点！
Typescript error :Property 'xxx' does not exist on type 'yyy'.
xif3681的博客
07-31 1万+
问题： Typescript error :Property mozRequestFullScreen' does not exist on type 'HTMLElement'. 其他类似问题：property 'xxx' does not exist on type 'yyy' 解决：声明用let de : any; ...
vue项目Message提醒弹框多次弹出问题
htyda的博客
09-21 2616
问题原因：在循环体内需要消息提醒，一旦有一项不满足条件就弹出消息提醒，但有多条信息不满足条件且无法跳出循环时，例如：文件上传on-change=”handleChange()”时。14.* single默认值true，因为项目需求，默认只弹出一个，可以根据实际需要设置。13.* 重写ElementUI的Message。10.// 为了实现Class的私有属性。32.// 判断是否已存在Message。
如何让Element UI的Message消息提示每次只弹出一个
YUSIR 完美CODING世界
09-26 9306
Element UI的Message消息提示是点击一次触发一次的。在开发的时候经常会作为一些校验提示，但是公司的测试人员在进行测试时会一直点，然后就会出现如下图的情况。虽然客户使用的时候一般来说不会出现这种情况（毕竟客户不会闲着没事一直点点点，而且就算出现了也只是不太好看，对功能什么的都没什么影响），但既然测试提出来了那还是要解决的。 最开始查了下Element UI的官方文档，发现确实没提...
Vue: Property clear does not exist on type FormDat
最新发布
09-24
在Vue.js中，当你尝试访问`FormData`类型的对象并调用`clear`方法时，可能会遇到"Property clear does not exist on type FormData"这样的类型检查错误。这是因为 TypeScript 这样的静态类型系统检查到了你在未声明的情况下使用了`clear`方法，而这个方法实际上是`FormData`的一个内置属性。 要解决这个问题，你需要确保你的组件或方法声明中已经正确地导入了`FormData`类型，并且明确告知 TypeScript 这个方法的存在。例如： ```typescript import { Ref } from 'vue'; type FormDataRef = Ref<FormData>; export default { setup(props: any) { const formData: FormDataRef = ref(new FormData()); // 明确告诉TypeScript formData有clear方法 (formData.value as FormData).clear(); return { formData, }; }, }; ``` 在这个例子中，通过将`formData`声明为`Ref<FormData>`类型并将其赋值给一个`FormData`实例，TypeScript就知道`formData`可以安全地使用`clear`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值