美文网首页
Vue触发input选取文件点击事件

Vue触发input选取文件点击事件

作者: 白小纯Zzz | 来源:发表于2020-06-15 13:21 被阅读0次
<div class="upload-btn-box">
  <Button @click="choiceImg" icon="ios-cloud-upload-outline" type="primary">点击上传</Button>
    <input ref="filElem" type="file" class="upload-file" @change="getFile">
</div>


<script>

  choiceImg(){
    this.$refs.filElem.dispatchEvent(new MouseEvent('click')) 
  },
   使用dispatchEvent  可以触发input 上面的  getFile 方法 
</script>

相关文章