如何改变elementUI中upload封装好的点击enter打开本地文件夹的功能

538 阅读1分钟

首先获取该el-upload组件下的组件已经封装好的handkeydown方法

,然后改变该方法,如果不执行该方法,可以给该方法赋值一个空的方法,比如:this.refs.upload.refs.upload.children[1].handleKeydown = () => {};

<el-upload
          ref="upload"
          class="image-uploader"
          action=""
          list-type="picture-card"
          :file-list="fileList"
          :on-success="onUploadSuccess"
          :before-upload="beforeUpload"
          :http-request="uploadRequest"
          @keydown.enter.prevent.native
          @keyup.enter.stop.native="onEnter"
        >
          <!-- <i class="el-icon-plus uploader-icon" /> -->
          <div @click.stop="()=>{}">
            <i class="el-icon-plus uploader-icon" @click="selectFromFile('upload')"
               @keyup.enter.prevent
            />
          </div>
          <div slot="file" style="width: 100%; height: 100%;"
               slot-scope="{file}" v-loading="!file.response"
          >
            <img :src="file.url" alt="" v-if="validImage(file.name)">
            <video width="100%" height="100%" v-else>
              <source :src="file.url">
            </video>
            <span class="el-upload-list__item-actions">
              <span
                class="el-upload-list__item-delete"
                @click="onRemoveFile(file)"
              >
                <i class="el-icon-delete" />
              </span>
            </span>
          </div>
        </el-upload>