一、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("文件上传失败"); // 弹出失败消息// 在这里可以根据需要执行其他操作});}
}