Vue.js 中使用 ElMessage 显示修改成功提示
这段代码是一个 Vue.js 程序的一部分,它根据后端 API 的响应结果来更新前端页面。当后端返回的响应对象的 code 属性等于 '0' 时,表示修改成功,此时会通过 Element UI 的消息提示组件 ElMessage 显示一条成功的提示消息,并关闭弹出框(this.dialogVisible = false),并重新加载数据(this.load())。如果后端返回的响应对象的 code 属性不等于 '0',则不会触发任何更新操作。
console.log(res);
if (res.code === "0") {
ElMessage({
message: '修改成功',
type: 'success',
});
this.search = "";
this.load();
this.dialogVisible = false;
}
这段代码展示了如何使用 ElMessage 组件来提示用户操作的结果。当后端返回成功代码 '0' 时,会显示一个绿色的 '修改成功' 提示,并更新页面状态。 这是一种常用的处理 API 响应和用户反馈的方式。
原文地址: https://www.cveoy.top/t/topic/npU2 著作权归作者所有。请勿转载和采集!