个人技术分享

这篇博客我主要想解释一下这句话：对象和引用类型的赋值都是通过引用传递的方式进行的，这意味着变量实际上存储的是对象的引用，而不是对象本身的副本。其实这段话早在学习JS的时候就接触过，只是被我丢进了“记忆垃圾桶”，但是昨天遇到的一个bug，让死去的回忆突然攻击我。

【代码】vue3中实现点击ctrl+enter换行，enter发送。

vue elementui el-input 正则验证，限制只能输入数字和小数

vue3组件间通信-v-model

文章浏览阅读36次。对于列拖拽：点击某列的表头前后挪移时，松开鼠标左键后，挪移的列就应该在哪列显示。行拖拽：和列拖拽一样。eleplus对el-table表格进行拖拽(使用sortablejs进行列拖拽和行拖拽)：-CSDN博客。拖拽后表头不变的bug修复。

vue3 基于el-tree增加、删除节点（非TypeScript 写法）

解决思路：展开行，在dom上其实是新增了一行的高度，合并上新增一个高度就可以。发现蓝色一行挤下来，而且还错位了。获取点击后合并的长度+合并的数字。

在开关外层用插槽包裹，里面写v-model用来绑定字段。

table中列属性formatter，格式化表格数据->处理表格中显示的内容（像根据状态数值去显示当前状态对应的中文，或者处理一些是与否相间等）

vue3 基于el-tree增加、删除节点（非TypeScript 写法）

vue3 基于el-tree增加、删除节点（非TypeScript 写法）

响应式清理：如果副作用函数返回一个函数，那么这个返回的函数会在组件卸载或重新渲染时作为清理函数被调用。比如watchEffect函数，为vue自带的监听函数，在页面最开始的时候用初始化执行了该监听函数，然后在后边数据变化的时候自动变化主题色~打印了一些关键节点，发现源代码的APP.vue有初始化，而我直接把按钮页放到了APP.vue导致没有初始化~加进去发现可以生效了。停止观察：watchEffect 返回一个停止观察的函数，你可以调用这个函数来停止副作用的执行和依赖的收集。这边cv了相关组件后报错。

最主要的地方,因为我是双层的循环遍历,先看第一层的注意地方。话不多,先上一段视频,看看是不是你们需要的效果。最最最最最最最主要的地方,这是第二层的地方。elementui动态生成表单校验。

【代码】element-plus中在表格校验输入的值。

去掉el-table表头右侧空白区域（包括表头样式及表格奇偶行样式和表格自动滚动）

表格样式较为复杂，10条数据超出整个屏幕的高度，因而导致无法快速拖动滚动条，所以提出需要在表格内容区拖动鼠标，从而实现无需滚动到底部就可以左右拖动表格内容的效果。实现的方式通过注册一个自定义指令，方便随时调用这个鼠标拖动的能力。

在 Vue 2 中，Element UI 提供了组件作为计数器组件，用于处理数字输入。而在 Vue 3 中，Element Plus 同样提供了类似的组件，但可能有一些属性、事件或方法的细微差异。下面我将分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中组件的属性、事件和方法，并给出示例。

如上：我想去掉插槽自带的下边框和上边框，但是不生效。给el-dialog加个类，在不带scope的。

正常表单校验`、循环校验、

如下图所示，通过查看其抛出错误信息的上下文，发现了这是webpack相关的代码，那么就可以确定，这个错误100%是webpack抛出的，虽然webpack为什么抛出这个错误的原因还是未知，但是我们可以通过防抖的方式解决。经过初步排查，这个错误并不是vue以及element-plus发出的报错，因为其源码并未找到关于。再次排查发现这也不是js的错误，因为控制台并未报出error。解决代码如下，直接放到main.js的下方，能保证加载就行。写项目的时候报的错，经过排查法，发现是。