按下按钮后如何重置上传的文件

Question

用户可以在我的网站上绘制上载的图像。我添加了一个按钮来完全清除画布，但是问题是，如果用户想再次在该图像上绘画，他们将无法进行操作，因为上传按钮仍然认为它在那里。看到：https : //imgur.com/a/kfcZ4KO我在画布上使用vue和面料这是我所拥有的    <b-field position="is-centered" class="file">      <b-upload required accept="image/*" v-model="filename">        <a class="button is-primary">          <b-icon icon="upload"></b-icon>          <span>Click to upload</span>        </a>      </b-upload>      <span class="file-name" v-if="filename">{{ displayFileName }}</span>      <a class="button is-primary" v-on:click="clearArtboard">        <span>Clear</span>      </a>我的透明canvas方法只有这个。（我认为我需要在这里添加一些内容？）    clearArtboard() {      var canvas = this.__canvas;      canvas.clear();    },文件上传时触发    async filename(file) {      this.$Progress.start();      const data = new FormData();      data.append("file", file);      data.append("upload_preset", "");      const res = await fetch(        "https://api.cloudinary.com/v1_1//image/upload",        {          method: "POST",          body: data        }      );      const uploadedFile = await res.json();所以我该怎么做，所以当我按清除键时，上传按钮会认为没有文件上传？谢谢