vue上传文件写法vue上传文件写法vue上传文件写法vue上传文件写法vue上传文件写法vue上传文件写法vue上传文

<template>
  <div>
    <input
      type="file"
      class="upFile"
      ref="fileExcel"
      accept=".xlsx, .xls"
      @change="uploadFile"
    />
    <el-button @click="handleClick">选择文件</el-button>
  </div>
</template>

<script>
export default {
  data() {
  },
  methods: {
    handleClick() {
      this.$refs.fileExcel.click()
    },
    uploadFile(e) {
      const file = e.target.files[0]
      this.file = file
      //得到file后上传给后端就行啦
    },
  }
}
</script>
<style lang="scss" scoped>
.upFile {
  display: none;
}
</style>