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