前端 - 随笔分类 - 南山有榛

摘要：同事以为要重写，我用 8 行代码让 Vue3 跑起已打包的 Vue2 组件 - 前后端小能手的文章 - 知乎 https://zhuanlan.zhihu.com/p/1951345700597138301 阅读全文

posted @ 2025-09-19 12:53 南山有榛阅读(30) 评论(0) 推荐(0)

摘要：前言在使用 Element Plus Tree 组件时，我遇到了一个看似简单但极其困惑的问题：当我通过 append 方法将数据添加到目标树后，立即调用 getNode(data) 却返回null。这个问题困扰了我很久，经过深入的调试和源码分析，最终发现了问题的根本原因。问题描述业务场景我的阅读全文

posted @ 2025-07-05 19:01 南山有榛阅读(111) 评论(0) 推荐(0)

element-plus table组件开启勾选，修改一行并触发勾选方法后，再修改其它行会顶掉前一行勾选状态

摘要：原因修改了row的属性，导致状态丢失解决方案方案一：规避掉属性变更方案二：给selection列添加属性reserve-selection 阅读全文

posted @ 2025-07-01 16:25 南山有榛阅读(76) 评论(0) 推荐(0)

记一个flex布局，挤占侧栏的问题与解决

摘要：背景在做侧栏布局时，使用了flex布局，并设置了侧栏aside为定宽，主体main为flex:1。但是当main的子元素过宽时，会侵占aside的空间。以下是代码与复现： <!DOCTYPE html> <html> <head> <style> .container { display: fle 阅读全文

posted @ 2025-04-22 11:37 南山有榛阅读(33) 评论(0) 推荐(0)

生产环境开启Vue Devtools

摘要：先决条件安装Vue2 Devtools或Vue3 Devtools F12打开开发者工具选中Vue实例根节点元素作为$0（即id=app的元素）于控制台执行如下代码 Vue2 vue2=$0.__vue__.$options._base vue2.config.devtools=true wi 阅读全文

posted @ 2025-04-21 14:20 南山有榛阅读(206) 评论(0) 推荐(0)

Vue3父组件响应式变量传递到外部函数后，失去响应式问题

摘要：问题代码描述：当父组件加载后，fooList初始是空数组，在发生change事件回调后，会进行赋值。按照设计预期，useFooData应该提供处理好的filteredFoo数据。可是实际上useFooData拿到的fooList一直是空数组，没有随着外部fooList的改变而改变。父组件： co 阅读全文

posted @ 2025-02-27 19:03 南山有榛阅读(50) 评论(0) 推荐(0)

Vue3响应式Props解构细节

摘要：解构基本类型与引用类型区别在Vue3.5+中，props已经支持了响应式解构。不过，官方文档中还提到了将解构后的变量传递到函数中有一些细节：当我们将解构的 prop 传递到函数中时，例如： const { foo } = defineProps(['foo']) watch(foo, /* .. 阅读全文

posted @ 2025-02-24 15:25 南山有榛阅读(224) 评论(0) 推荐(0)

使用Chrome Devtools定位应用程序卡死崩溃问题

摘要：使用Performance进行录制，复现卡死操作后，在Performance Monitr中可以看到CPU Usage持续100%，且页面重计算次数持续飙高。由于页面卡死，Performance页面无法正常生成报告，此时可以使用Ctrl + P呼出Command面板，禁用Javascript，让CP 阅读全文

posted @ 2025-02-22 12:03 南山有榛阅读(302) 评论(0) 推荐(0)

【踩坑】el-table调用getSelectionRows方法后，勾选当前行的同时取消勾选了其它行

摘要：问题代码： // 绑定给el-table的data const groupWorks = computed(() => worksGroupByType.value.map((type) => { return { ...type, works: [...type.priorityWorks, .. 阅读全文

posted @ 2025-02-18 17:48 南山有榛阅读(211) 评论(0) 推荐(0)

xlsx库导出的Excel，数值单元格数据无法计算，需要编辑或者trim一下才正常

摘要：问题描述： xlsx库导出的Excel，数值单元格数据无法计算，并且手动修改单元格格式也无法计算，需要编辑或者trim一下才正常。问题代码： const worksheet = XLSX.utils.json_to_sheet(jsonArray); const workbook = XLSX.u 阅读全文

posted @ 2025-01-26 11:02 南山有榛阅读(74) 评论(0) 推荐(0)

移动端内部滚动时，临时禁止下拉刷新

摘要：方法一：JS实现在滚动元素上绑定touchmove事件监听，并调用e.stopPropagation()方法。 const el = document.querySelector(".scroll-view"); el.addEventListener('touchmove', (e) => e. 阅读全文

posted @ 2025-01-25 11:26 南山有榛阅读(88) 评论(0) 推荐(0)

vue获取不到组件模板引用

摘要：可能的原因所绑定的组件位于v-for内，而不是直接循环组件。例如： <div v-for="type in quarterWorksGroupByType" :key="type.typeID"> <div class="work-table-title">  </d 阅读全文

posted @ 2025-01-06 14:58 南山有榛阅读(260) 评论(0) 推荐(1)

南山有榛

随笔分类 - 前端

公告