element ui的upload组件在表单提交时怎么做无上传文件的校验和怎么跟表单数据一块提交,求指教!求例子!谢谢。

下面是我写的代码,但校验执行不了,并且在提交表单时上传的图片并没有传到后台。
clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

clipboard.png

阅读 10.1k
2 个回答

你可以用绑定一个多选上,可以尝试下

<el-form-item label="上传图片" prop="双向绑定值">
<el-checkbox-group v-model="双向绑定值"></el-checkbox-group>
<el-upload
  ref="upload"
  :action='dataUrl'
  :data="productImages"
  list-type="picture-card"
  :file-list="双向绑定值">
  <i class="el-icon-plus"></i>
</el-upload>
</el-form-item>

el-upload标签里还要添加一个属性file-list,用来接收已经上传的图片,可去log一下看看.
验证正常验证,只是要多加个参数type为数组类型.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题