TypeScript环境下ElementUI报错类型“{}”上不存在属性“clearFiles”

最新推荐文章于 2024-07-03 04:30:00 发布
最新推荐文章于 2024-07-03 04:30:00 发布
阅读量998 收藏
点赞数 2
分类专栏： 前端踩坑日记 文章标签： typescript elementui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hanyeah/article/details/128727724
版权
在JavaScript原生写法中，尝试调用`this.$refs.upload.clearFiles()`时遇到了`this.$refs`未定义以及`clearFiles`不存在的错误。通常会通过条件判断处理第一个错误，但在处理后仍出现第二个错误。作者利用typescript的any类型来规避问题，成功调用了`clearFiles()`方法。
摘要由CSDN通过智能技术生成

如果是Javascript原生写法，如下会报至少两个错误

this.$refs.upload.clearFiles()

第一个错误是 this.$refs 未定义
第二个错误是提示 类型“{}”上不存在属性“clearFiles”

对于第一个错误，以往我的方法是先用if判断其是否存在（相当于声明了）然后再使用

if (this.$refs.upload){
	this.$refs.upload.clearFiles()
}

但这次我发现不行，因为这样会产生第二个错误，类型“{}”上不存在属性“clearFiles”
想了一下，想到了typescript的特性，于是就尝试了一种很ts的写法，然后，成了！

let upload_list:any = this.$refs.upload
upload_list.clearFiles();

遇事不决，any解决……

第尾
关注
专栏目录
【TypeScript】TS自定义类型之对象属性必选、对象属性可选（十一）
编码世界
04-03 6万+
TS中实现对象属性必选、对象属性在开发过程中十分常见，前端在传参数时，有些参数比必传，有些是选传，我们可以定一个多个对象来实现传参，但是这让代码变得冗余。我们可以通过TS定义数据类型来实现。
vue+typescript @引用路径报错
janyxh的博客
07-27 1122
最近使用vite + vue 3.0 + typescript搭了一个项目，发现引入组件时，使用@引入绝对路径报错。 想了下，可能是因为从vue cli换成了vite，也可能是javascript换成了typescript。 那在目前的架构下，怎么使用@作为路径的开头呢？ 经查询vite文档，发现可以使用resolve.alias设置别称。 vite.config.ts import path from "path"; export default defineConfig({ resolve:
1、vue报错：引入ElementUI组件报错——类型“。。。”上不存在属性“。。。”
weixin_51210127的博客
10-21 6712
类型“Vue3Instance & ... 4 more ... & Readonly”上不存在属性“handleOpen”。在网上寻找诸多办法无果，比如加any，在一个json文件中加语句，重启等等。
类型“{}”上不存在属性“xxxx”。ts(2339)
最新发布
Vinca@的博客
07-03 1250
解决：类型“{}”上不存在属性“xxxx”。ts(2339)问题
类型“{}”上不存在属性“id”
m0_66809099的博客
07-03 770
在使用解构想解构出值时,ts报错:类型“{}”上不存在属性“id”。(虽然不影响使用但是很难受)给上层定义一个any就不会报错了。
vscode中vue3+ts报类型“{ }“上不存在属性“ “，以及ts.config.app.json和tsconfig.node.json中报错（彻底解决）
LLL3189860667的博客
07-26 2万+
亲爱的小伙伴们，你们是否遇到过使用vscode打开vue3+ts项目时一片爆红，一直提示类型"{}"上不存在属性 ""，以及ts.config.app.json和tsconfig.node.json中报“在没有"node"模块解析策略的情况下，无法指定选项"-resolveJsonModule”的问题，不要担心，不要着急，看了很多篇的博客，我终于是彻底解决了这些恶心的报错，然后就迫不及待地想要分享给大家，希望对各位有所帮助哦！
类型“{}”上不存在属性“xxx”。ts(2339)-解决方案集锦
BWCX_NLFD_K的博客
06-12 1671
把 tsconfig.json 里面的 compilerOptions 下的 moduleResolution 属性值改成 node！在 tsconfig.json 里面添加下面配置。重启 Vue - Official 插件。一、方案一（优先尝试）二、方案二（优先尝试）
vue3+typescript+ElementUI后台管理DEMO
02-27
Vue3+TypeScript实战项目，使用 ElementUI 搭建页面，完成登录、商品列表、用户列表、角色列表、退出登录。通过页面展示、搜索、分页、编辑等功能的实现练习怎么在vue3中使用TypeScript。...
vuerequire不存在页面_解决“类型'Vue'上不存在属性”错误
weixin_29781865的博客
02-22 2440
我正在使用Typescript和Vuejs来构建一个应用程序 . 我有几个独立的组件(.vue)文件，我将其导入到Typescript(.ts)文件中 . 在Typescript文件中，我从npm Vue库导入Vue，然后创建一个新的Vue来显示我的组件 . 我看到的错误是：'Vue'类型中不存在属性x我的构建系统是带有tsc的Webpack . 为什么我会收到此错误，如何解决？main.tsim...
毕设项目：商品大数据实时推荐系统 前端：Vue + TypeScript + ElementUI，后端Spring+Spark
07-11
**前端**使用 Vue + TypeScript + ElementUI 构建，build 的时候自动部署到后端业务工程的 webapps/static 目录下，随 Tomcat 一同启动 **后端**又分为业务模块和推荐模块，业务模块与前端交互、接收与反馈数据。...
报错类型“{}”上不存在属性“”
m0_48390697的博客
07-21 9946
报错类型“{}”上不存在属性“”
解决：类型“{}”上不存在属性“xxx”
qq_48783694的博客
03-19 1691
卸载vscode中的插件：typeScript Vue Plugin。
element ui upload组件调用清空上传列表方法报错
abysk520520的博客
05-30 295
)
ts2339错误：类型{}上不存在属性“xxx“
南沙的星星
12-18 1万+
正确姿势：const aaa:any = {};
解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，三种方法彻底根治
热门推荐
05-09 4万+
网上找了各种原因，有让添加jsconfig.json文件的，有让新建一个项目的，有的直接放弃ts的，哈哈哈，真的是千奇百怪都有，好吧，我这里就也出一种方法，不要用vscode了，使用WebStorm，哈哈哈，可能让你也想不到吧，但是真的有效啊：请看效果，就不报错了，撒花。
React + TS 报错：类型“Readonly＜{}＞”上不存在属性“name”
lhz_333的博客
07-12 5150
解决父子组件传参报错：类型“Readonly”上不存在属性“name”。
使用typescript报错只读类型上不存在属性xxx
蓝枫秋千的踩坑记录
01-09 1万+
在react项目中引入了typescript,当你要读取this.state里面的属性的时候 比如: <Input placeholder="请输入企业名称" value={this.state.bussinessName} onChange={(e) => this.inputOnChange('bussinessName', e.target.value)} />...
vue，在打开弹框的时候，调用this.$refs.xxx.clearFiles();报错
weixin_40841731的博客
11-12 7168
报错信息，大概就是，这个元素还没创建，就根据refs，找到该元素调用元素的方法。肯定不行啊，元素都还没有，怎么调用，再后端，相当于空指针异常。 解决： this.$nextTick(()=>{ this.$refs['xxxx'].clearFiles(); }) 加上上面方法，可以理解为延迟执行了 ...
vue ts 数组push报错 上不存在属性“push
07-27
你可以尝试在声明数组时，使用泛型指定数组元素的类型。例如： ```typescript let arr: Array<number> = []; ``` 或者使用简化的语法： ```typescript let arr: number[] = []; ``` 这样，你就可以使用 `push` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值