【springboot+vue项目（零）】开发项目经验积累（处理问题）

一、VUE+Element UI

（一）elementui下拉框默认值不是对应中文问题

         v-model绑定的值必须是字符串，才会显示默认选中对应中文，如果是数字，则显示数字，修改为：

 handleOpenAddDialog() {
      this.dialogTitle = "添加信息";
      this.dialogAction = "添加";
      this.addOrEditForm = {
        uploadtime: this.getCurrentDateTime(),
        status: "0"
      };
      this.dialogVisible = true;

    },

         如果 status: 0 ,则显示为 0 , 如果  status: "0", 则显示为 "正常"。

相对于的修改弹出框也要修改为:

/**** 【6.1】修改弹出框 ****/
openEditDialog(row) {
  this.dialogTitle = "修改信息";
  this.dialogAction = "保存";
  this.addOrEditForm = Object.assign({}, row);
  this.addOrEditForm.status = row.status === 0 ? "正常" : "异常"; // 根据 row.status 的值设置 addOrEditForm.status 的初始值
  this.dialogVisible = true;
},

（二）无法连续上传导入文件的问题

        无法连续上传导入的问题，可能是由于文件选择对话框在每次上传后没有重置所导致的。可以尝试在文件上传成功后重置文件选择框，以便用户能够继续选择和上传文件。

        在handleFileChange方法的成功回调中，可以添加以下代码来重置文件选择框：

event.target.value = ""; // 重置文件选择框的值

例如:

handleFileChange(event) {
  const files = event.target.files;

  if (files.length > 0) {
    const formData = new FormData();
    formData.append("file", files[0]); // 将文件添加到 FormData 对象中

    // 调用上传接口进行文件上传操作
    // 在这里需要根据实际情况替换成自己的上传接口
    this.$API.upload
      .uploadFiles(formData)
      .then((response) => {
        console.log("文件上传成功", response);
        this.$message.success("文件上传成功"); // 弹出成功消息
        // 刷新数据
        this.getPageList();
        
        // 重置文件选择框
        event.target.value = "";
      })
      .catch((error) => {
        console.error("文件上传失败", error);
        this.$message.error("文件上传失败"); // 弹出失败消息
        // 在这里可以根据需要执行其他操作
      });
  }
}