new一個事件出來，手動觸發(fā)試試看

this.$refs._testFile.dispatchEvent(new MouseEvent('click')) 完美解決

我猜你是想要這么一個東西，如果是的話用css即可解決。

實現(xiàn)思路如下：
1.input設(shè)置為opacity:0;
2.img的z-index < input的z-index

圖中實現(xiàn)的部分代碼：
HTML部分

      <img v-if="item.data != ''" v-bind:src=" item.data || index " >
      <input type="file" :id=" item.name " @change="pushImg($event,index)" accept="image/jpeg,image/png,image/gif">

CSS部分

  .imgArea img{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
  }
  .imgArea input{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
  }

按鈕觸發(fā)，使用js獲取input 沒啥大毛病

<template>
  <div>
    <el-button :loading="loading" type="primary" @click="handleUpload">select excel file</el-button>
    <input id="excel-upload-input" type="file" accept=".xlsx, .xls" class="c-hide" @change="handkeFileChange">
  </div>
</template>

  methods: {
    handleUpload() {
      document.getElementById('excel-upload-input').click()
    },
    handkeFileChange(e) {
             //upload
    }
  }

通過label內(nèi)包img，將label的for屬性設(shè)置為input的id即可