在保存笔记之后增加提示
广告
{{v.name}}
📋 原始需求(task.md):
在保存笔记之后,现在的逻辑是直接跳转到index.html。需要在这种情况下在index.html中增加一个弹出的提示,提示哪个笔记保存成功
在保存笔记之后,现在的逻辑是直接跳转到index.html。需要在这种情况下在index.html中增加一个弹出的提示,提示哪个笔记保存成功
目前保存笔记后会直接跳转到 index.html,但用户无法确认是哪一条笔记保存成功,需要增加反馈提示。
实现要点
- 触发时机:在 detail.html 保存笔记成功后,跳转到 index.html 时携带被保存笔记的标识(如笔记标题或 id)。
- 提示位置:在 index.html 中监听跳转参数,弹出提示(如弹窗/Toast),告知“xxx 笔记保存成功”。
- 技术实现:Vue 3 + Quasar 的 Notify/Dialog 组件即可实现弹出提示,无需改动后端接口。
涉及文件
- detail.html:保存成功后跳转并传递笔记信息
- index.html:接收信息并弹出保存成功提示