<input
        class="file"
        name="file"
        type="file"
        accept="image/png,image/gif,image/jpeg,image/webp"
        @change="upload"
        ref="file"
      />
      <a href="" class="up-btn" @click="selectImg">请选择图片</a>

这里使用的是typescript

<script lang="ts">
import { Vue } from "vue-class-component";
export default class Webp extends Vue {
  $refs!: {
    file: HTMLInputElement;
  };
  selectImg() {
    this.$refs.file.click();
  }
  update(e: any) {
    const file = e.target.files[0];
    const param = new FormData(); //创建form对象
    param.append("file", file); //通过append向form对象添加数据

    //FormData私有类对象，访问不到，通过get判断值是否传进去
    //设置请求头
    // let config = {
    //   headers: { "Content-Type": "multipart/form-data" },
    // };
    // this.$http
    //   .post("http://127.0.0.1:8081/upload", param, config)
    //   .then((response) => {
    //     console.log(response.data);
    //   });
  }
}
</script>