- 博客(6)
- 收藏
- 关注
RSS订阅原创 :key=“index“闹的乌龙事件
本文指出在Vue中使用v-for指令时，当二维数组采用:key="index"绑定索引作为key值可能导致的数据污染问题。当不同子数组中存在相同索引的元素时，修改其中一个数组元素可能会意外影响其他数组中相同索引位置的元素。作者通过代码示例展示了这种潜在风险，并表达了对该问题的强烈关注。摘要建议开发者在使用v-for时要谨慎选择key值，避免仅依赖数组索引。
2025-12-19 16:29:59
191
原创 对引用数据类型的误解
本文探讨了父子组件间对象传递的引用特性问题。当父组件通过props传递对象给子组件后，子组件通过watch监听并修改该对象，再通过emit回传父组件。关键发现是：父组件中执行dashNameConfig.value={}时，这是对整个对象的重新赋值（替换内存地址），而非修改原对象内容，因此不会影响已传递给子组件的原对象引用。这解释了为什么控制台打印的不是预期的空对象，而是子组件修改后的值。该案例揭示了JavaScript中对象引用的本质特性。
2025-12-19 16:08:34
275
原创 .vue文件的本质以及遇到的问题
摘要：在Vue3开发中遇到元素渲染问题，当清空下拉列表后默认图标未显示。问题源于使用JSON深拷贝时丢失了函数属性（图标组件本质是函数）。解决方案是在深拷贝后手动恢复图标属性。该案例提醒开发者注意深拷贝的局限性，特别是处理包含函数或组件的响应式数据时。
2025-10-28 15:44:37
499
原创 js原生的拖拽API使用分享
本文介绍了HTML拖拽API中的三个关键事件：dragstart（拖拽开始）、dragend（拖拽结束）和drop（放置）。使用要点包括：1）为可拖拽元素添加draggable属性；2）必须阻止放置事件的默认行为；3）通过dataTransfer对象传递数据。文章对比了原生JS和Vue3的实现方式，并指出这些API在文件上传、流程图等场景的广泛应用。该技术栈主要涉及HTML、JavaScript和Vue3框架。
2025-10-21 14:29:04
300
原创 JavaScript 引用数据类型导致的数据污染问题记录
摘要：在使用Vue3组合式API时遇到对象引用传递问题，导致修改A数据时B数据也被同步修改。问题源于对引用类型数据（Object）的直接赋值和浅拷贝操作。解决方案是使用JSON.parse(JSON.stringify())进行深拷贝，切断对象间的引用关系。通过修改拖拽节点创建逻辑或保存更新逻辑中的任意一处，均可解决问题。该案例演示了JavaScript中引用类型数据的处理注意事项。
2025-10-18 13:25:01
380
原创 关于Echarts组件化后数据监听的问题
本文分享了在封装ECharts组件时遇到的数据监听问题及解决方案。作者最初在父组件中直接修改数组数据导致监听失效，后改为先收集数据到临时数组，再整体赋值给响应式对象的方式，通过创建新对象触发响应式更新。这种方法解决了Vue中直接修改数组元素无法触发响应的问题，为类似场景提供了参考方案。
2025-08-18 20:05:50
182
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人