uview 上传在组件外自定义按钮触发u-upload上传事件

话不多说,我也是最近工作中遇到的问题,看代码

  <view class="upload">
    <u-upload
      ref="upload"
      :fileList="fileList1"
      @afterRead="afterRead"
      :beforeRead="beforeRead"
      @delete="deletePic"
      :deletable="deletable"
      name="1"
      multiple
      :maxCount="maxCount"
      :height="height"
      :width="width"
    >
      <slot></slot>
    </u-upload>
    <!-- 重新上传 -->
    <view
      class="reUpload u-upload__tip"
      @click="reUploadEvent"
    >重新上传</view>
  </view>

正常u-upload组件上传选择文件事件只能在插槽内触发,我把重新上传事件放到了组件的外面

这时候只要这样搞遍可以实现外部调用u-upload上传文件方法了

methods: {
    //重新上传
    reUploadEvent() {
      this.$refs.upload.chooseFile()
    },
}


版权声明:本文为like896369216原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。