vue上传excel给后端，选择一次后不选择新的，默认提交上一次选的

在Vue.js中实现Excel文件上传到后端并且保持默认提交上次选择的文件，你可以采用FileReader API配合v-model绑定的方式来操作。首先，你需要创建一个表单字段用于存储文件：

<input type="file" id="upload-excel" @change="handleFileChange" ref="excelInput">

然后，在JavaScript部分，定义`handleFileChange`方法：

export default {
  data() {
    return {
      selectedFile: null,
    };
  },
  methods: {
    handleFileChange(e) {
      if (e.target.files.length > 0) {
        this.selectedFile = e.target.files[0];
      } else {
        // 如果用户清空了选择，设置selectedFile为null
        this.selectedFile = null;
      }
      if (this.selectedFile && this.submitOnLeave) { // 提交条件
        this.uploadExcel();
      }
    },
    uploadExcel() {
      const file = this.selectedFile;
      // 这里处理文件上传逻辑，例如使用axios或fetch发送POST请求
      // 示例：
      axios.post('/api/upload', new FormData({ file }), { headers: {'Content-Type': 'multipart/form-data'} })
        .then(response => {
          console.log('上传成功:', response);
        })
        .catch(error => {
          console.error('上传失败:', error);
        });
    },
    submitOnLeave: true, // 可在其他地方初始化并控制是否默认提交
  },
  watch: {
    $route(to, from) { // 当路由改变时，检查是否离开当前页面
      if (!from.fullPath) {
        // 如果是从同一页内的某个内部链接跳转，则忽略
      } else {
        if (this.submitOnLeave && this.selectedFile) {
          this.uploadExcel();
        }
      }
    },
  },
};

在这个例子中，当你选择一个新的文件后，如果`submitOnLeave`属性设为`true`，那么当页面离开（比如切换路由）时，会自动上传上次选择的文件。如果用户再次选择文件并清空，`selectedFile`会被设为`null`。