- 博客(6)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vue Router 相同路由参数变化路由不跳转问题
摘要：Vue路由参数变化时页面不刷新的解决方案：1）强制刷新路由（force:true）；2）为router-view添加动态key；3）使用router.go(0)强制刷新（不推荐）；4）使用onBeforeRouteUpdate监听路由变化；5）通过watch监听query参数。其中方法2最可靠但性能消耗大，方法4/5适合仅需更新数据的场景，方法3体验差不建议使用。开发者可根据具体场景选择合适方案。
2025-07-23 17:27:54
438
原创 Vue3实现markdown-it支持chartjs、Echartjs、mermaid的渲染
本文介绍了如何实现AI助手中支持动态可视化内容展示的Markdown渲染方案。通过扩展markdown-it插件，系统能够解析并渲染多种富文本格式，包括文本、Chartjs、EChartjs图表和Mermaid流程图。关键步骤包括：1)安装配置markdown-it及扩展插件；2)自定义语言映射和渲染规则；3)特殊处理ECharts和Mermaid代码块的动态渲染；4)实现图表容器的响应式布局。该方案采用DOM异步渲染机制，确保复杂可视化内容的正确展示，并提供了错误处理机制，为AI助手的富文本交互展示提供了
2025-06-24 14:50:28
786
原创 前端实现流式数据的接收（如 ChatGPT 逐字返回）
本文介绍了如何使用Fetch API和ReadableStream处理HTTP流式响应。通过fetch获取响应后，使用response.body.getReader()创建读取器，循环调用reader.read()获取数据块，并用TextDecoder解码为文本。文章详细说明了缓冲处理、数据分割和实时处理的方法，适用于日志流、大文件下载等场景。关键点包括：确保后端发送分块数据、正确处理多字节字符、管理数据缓冲以及通过回调实时处理数据。文末提供了完整代码示例，展示了从发起请求到逐行处理数据的完整流程。
2025-06-10 14:31:22
518
原创 Vue项目中，基于ElMessage，ElMessageBox，ElNotification的消息提示组件的封装
Element Plus消息组件封装方法：通过全局引入ElMessage、ElMessageBox和ElNotification组件，封装统一的useMessage方法，包含info/error/success/warning等基础消息提示，alert系列弹窗提示，notify系列通知提示，以及confirm、delConfirm、exportConfirm等确认对话框和prompt输入框。每种方法都预设了统一的系统提示标题和按钮文字，简化调用过程，提高代码复用性。
2025-05-30 11:26:00
430
原创 前端vue项目打包为war包
本文介绍将前端项目打包为war包的步骤：1.执行npm run build生成dist目录；2.在dist/WEB-INF下创建web.xml配置404重定向；3.进入dist目录使用jar命令打包(cd dist && jar -cvf dist.war *)；4.需先安装JDK并配置环境变量。最终会在dist目录生成可部署的war包文件。
2025-05-28 10:35:43
665
空空如也
gridview中超链接如何去掉下划线
2021-12-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人