- 博客(135)
- 收藏
- 关注
RSS订阅原创 使用 v-html 仅渲染新数据的方法
当这些数据对应的 HTML 字符串内容发生变更时，Vue 会检测到数据变化，自动触发。对应的视图重新渲染，更新渲染后的 HTML 内容。声明的变量，Vue 2 中 data。Vue 3 中通过 ref。选项中声明的变量，都是。
2026-01-19 09:46:28
173
原创 在config全局配置
window.apiConfig.getSystemUrl(system1).name -- 系统1。用户输入的ip可以自动获取到 这样配置文件就不用写死了。
2026-01-16 11:02:11
135
原创 实现自定义指令 v-scrollBar，用于动态显示/隐藏滚动条，提升用户体验
【代码】实现自定义指令 v-scrollBar，用于动态显示/隐藏滚动条，提升用户体验。
2025-12-25 15:56:07
203
原创 Map 缓存和拿取
利用 Map 的 set(key, value) 存储键值对、get(key) 读取对应值的特性，将图表唯一标识（chartId）作为键，图表数据作为值，实现 “一次存储、多次读取”。1. Map 的本质：是 ES6 新增的键值对集合，类似 “字典”，可以用任意类型（字符串、数字、对象等）作为键（key），对应存储一个值（value）。根据传入的 chartId（本质也是某个图表的唯一标识），从 Map 中查找对应的 “值”；把相关的配置、高度等数据打包成对象作为值，绑定到这个键上，存入 Map 容器中。
2025-12-18 13:41:53
471
原创 防止接口重复调用的状态管理技巧
添加一个状态管理机制，当某个ID的接口开始调用后，就标记为"进行中"，防止重复调用，等完成后再存储数据。如果要在循环中频繁调用同一个接口，会导致在接口完成之前就多次调用了同一个接口。
2025-12-18 13:26:30
171
原创 腾讯语音识别SDK快速接入指南 - vue3
腾讯官方代码地址asr目录为语音识别sdk目录soe目录为口语评测（新版）sdk目录直接查看以下文件内容即可：所需的引入内容可直接复制官方示例代码我在项目中采用的方法如下。
2025-11-27 10:42:59
435
原创 vue 根据后台返回文件大小（Bite）进行单位（KB、M、GB）的转换
【代码】vue 根据后台返回文件大小（Bite）进行单位（KB、M、GB）的转换。
2025-08-27 14:40:20
169
原创 在 Vue 2/vue3 中使用这个基于fetchEventSource的方法
npm install whatwg-fetch --save # 可选，用于兼容旧浏览器。
2025-08-18 11:33:47
359
原创 contenteditable编辑文本
如果没有设置该属性或设置了无效的值，则其值默认继承自父元素。如果父元素是可编辑的，那么子元素也是可编辑的；否则，子元素不可编辑。是HTML中的一个全局属性，它允许用户编辑页面上的内容。，它允许编辑元素的纯文本内容，但禁用富文本格式。或空字符串时，元素变为可编辑；
2025-07-29 13:58:03
192
原创 vue2 el-select下拉选择框 点击其他位置或者弹窗关闭下拉框/点击取消时，下拉框变成之前的值
elSelect点击空白处无法收起下拉框（失去焦点并隐藏）methods里加个 clickOutSide。
2025-07-01 17:34:22
534
原创 echarts导出、保存图片不显示数据问题
需求是使用echarts的图表功能先生成图片，通过浏览发现 每次生成的都是只有 底图没有数据。就是下面这种效果解决这个问题的 办法 有两个。
2025-06-17 11:21:40
371
原创 gitee 拉取失败
协议（默认端口 9418），而该协议可能被禁用或网络环境不支持。# 改为 HTTPS 协议 git remote set-url。# 或改为 SSH 协议（需提前配置 SSH 密钥）# 或使用 SSH 协议（需提前配置 SSH 密钥）此错误可能是因为你配置的远程仓库使用了。# 使用 HTTPS 协议。
2025-06-06 11:48:43
786
原创 markdown-it-katex 安装和配置指南
首先，你需要安装 Markdown-it 库。步骤 2: 安装 markdown-it-katex 插件。库在 Markdown 文档中添加数学公式支持。步骤 1: 安装 Markdown-it。是一个快速渲染数学公式的库，相比于。，它在性能上有显著优势。
2025-04-27 16:25:48
1680
原创 vue 引入字体包
免费下载字体：查询-字体分享录免费商用字体下载（中文字体、繁体字体、英文字体、日文字体、韩文字体），含有授权说明，不定期更新，诚信分享。编辑https://ziti.fenxianglu.cn/query?
2025-04-07 14:39:05
637
原创 伪类 css
在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。您可以使用 :first-child 伪类来选择父元素的第一个子元素。在我项目里使用的是 通过css伪劣给table表格下面添加一个注。CSS伪类是用来添加一些选择器的特殊效果。使用css伪类的原因是 因为。伪类的名称不区分大小写。
2025-04-07 14:31:19
999
原创 Vue实例中，setTimeout()不生效怎么解决
在项目中发现 setTimeout() 有时执行有时不执行 发现是this指针的问题setTimeout() 方法中 this 指针丢失的问题。通过使用 let _this = this;或 ES6 的箭头函数来保留正确的上下文，确保定时器能够正确执行页面跳转。
2025-04-01 10:11:12
481
原创 el-select设置为多选，如何让它只能选择一项？
但是后端不愿意改，因为涉及到的地方多，所以像知道能不能单纯前端处理，就是前后端对应的属性还是集合类型，但是当用户选中一项时，覆盖掉之前选中的，这不就变成单选了吗？开始设计为多选，所以后端属性对应是集合类型，但是现在需要改为。
2025-03-31 14:50:09
882
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人