vue通过ref访问 DOM

昆山农民

已于 2024-04-07 09:48:55 修改

阅读量220

点赞数 4

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

于 2024-04-07 09:41:34 首次发布

本文链接：https://blog.youkuaiyun.com/Ga_Harbinds/article/details/137450915

本文比较了Vue2和Vue3中使用el-upload组件的方法，介绍了在不同版本中如何管理文件上传和清除，以及官方文档中相关组件方法的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue2写法

<el-upload ref="uploadZL" :action="uploadURL" :on-success="handleUploadSuccess"
:on-remove="handleUploadRemove">

this.$refs['uploadZL'].clearFiles();

vue3+ts写法

<el-upload ref=uploadZL :action="uploadURL" :on-success="handleUploadSuccess" 
:on-remove="handleUploadRemove" >

const uploadZL=ref(null);

uploadZL.value.clearFiles();

以el-upload组件为例，官方文档中el-upload组件下有以下方法