cube-ui组件upload在form中使用的动态action解决方案

最新推荐文章于 2023-04-10 15:20:27 发布

ajaxPost293614

最新推荐文章于 2023-04-10 15:20:27 发布

阅读量1.2k

点赞数 2

分类专栏： JavaScript cube-ui HTML5

本文链接：https://blog.csdn.net/caoyan0829/article/details/104000510

版权

本文提供了一个解决cube-ui组件upload在form中使用的动态action问题的JS代码示例，通过代码实现根据表单提交时动态设置上传地址。

摘要由CSDN通过智能技术生成

直接上代码

<cube-form-item :field="fields[2]" class="cube-form-none-border">
  <div class="upload-box">
    <p>上传营业执照照片</p>
    <cube-upload
      ref="businessLicenseUrl"
      v-model="model.businessLicenseUrl"
      :action="businessLicenseAction"
      @files-added="addedHandler('businessLicenseUrl')"
      @file-error="errHandler"
    >
      <div class="clear-fix">
        <cube-upload-file
          v-for="(file, i) in model.businessLicenseUrl"
          :file="file"
          :key="i"
        ></cube-upload-file>

        <cube-upload-btn :multiple="false">
          <div>
            <i></i>
            <p>上传营业执照照片</p>
          </div>
        </cube-upload-btn>