element-ui ，el-upload 文件上传必选项校验

HuiRonmantic

已于 2024-05-22 11:08:20 修改

阅读量1w

点赞数 5

分类专栏： Vue技术栈文章标签： vue.js elementui javascript

于 2022-06-29 15:38:02 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41346436/article/details/125523183

版权

Vue技术栈专栏收录该内容

66 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文记录了在使用 Vue.js 和 Element UI 框架时，如何针对 el-upload 组件进行文件上传的必选项校验。在实际开发中，尽管网上的解决方案众多，但往往无法直接解决问题。通过本文，你可以了解到一种有效实现文件上传必填验证的方法。

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

虽然是一个比较小的问题，但是总结一下，当时用的时候网上查了很多，但是没什么卵用，实现不了，谨以此篇记录自己的

在这里插入图片描述
代码

<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"
    width="520px"
    class="dialogClass"
    @close="close"
  >
    <el-form ref="form" :model="form" label-width="95px" :rules="rules">
      <el-form-item label="上传文件:" prop="file">
        <el-upload
          ref="upload"
          drag
          multiple
          :file-list="form

了解本专栏

超级会员免费看