星期五の夜-CSDN博客

原创 el-date-picker限制开始时间不能大于结束时间，且结束不能小于开始时间

【代码】l-date-picker限制开始时间不能大于结束时间，且结束不能小于开始时间。

2024-06-29 15:01:06 128

原创 vue3-api之provide与inject

传值：父组件 => 子组件 => 孙组件。

2024-05-28 11:21:31 181

转载 vue3-api之effectScope和getCurrentScope和onScopeDispose()

【代码】vue3-api之effectScope和getCurrentScope和onScopeDispose()

2024-05-27 17:49:44 52

原创 vue3-api之customRef()

【代码】customRef()简介。

2024-05-27 16:57:43 98

转载 vue3-api之toRaw() 和markRaw()

markRaw 方法可以将一个对象标记为“非响应式”，从而使其不会被 reactive 包裹，也就不会成为 Vue3 中的响应式对象。这样做可以避免对 obj 的修改引起意外的响应式更新。toRaw 方法可以将一个被 reactive 包裹的对象还原为其中的“原始”对象，从而使其不再具有任何。所以在使用 markRaw 方法时，我们需要确保这个对象在后续的代码中不需要作为响应式对象来使用或者监听其变化。一旦一个对象被标记为“非响应式”，它就无法再被 reactive 进行包裹成为响应式对象。

2024-05-27 16:29:35 107

原创 vue3-api之readonly() 和shallowReadonly()

【代码】Vue readonly() 和shallowReadonly()简介。

2024-05-27 15:40:04 88

转载 vue3-api之shallowReactive()

我们分别点击两个按钮，看一下页面变化。

2024-05-27 15:13:35 17

转载 vue3-api之shallowRef()

在某些情况下执行属性值修改时，同步更新到视图层。这种情况主要是其它数据的更新带动了视图层的更新。1、shallowRef() 函数是浅层响应，只有对value整体修改，才能更新到视图层。shallowRef()存在的意义：将最终的结果输出到视图，节省一些不必要的输出。3、对属性值修改之后，我们可以通过triggerRef()函数手动更新到视图。// 视图不更新，值被修改，可用triggerRef函数手动更新视图。2、对属性值的修改是可以的，只是不更新到视图层。// 视图更新，值被修改。

2024-05-27 11:31:32 36

原创 ssh: connect to host gitee.com port 22: Connection refusedfatal: Could not read from remote reposit

解决办法

2024-05-11 17:51:02 120

原创 js object.entries返回数组对象

【代码】js object.entries返回数组对象。

2024-03-23 09:53:25 96

原创 vue处理防抖与节流

应用案例：表单快速点击保存按钮的时候，会不断的快速调用保存接口，生成多条数据。

2024-03-05 14:29:59 396 1

原创 ElementUI tree 节点拖拽

【代码】ElementUI tree 节点拖拽。

2024-02-20 14:11:41 493

转载 el-table表格每一行输入框之间的数字校验比较

【代码】el-table表格每一行输入框之间的数字校验比较。

2024-01-31 17:20:42 143

原创 element中el-table去除鼠标悬停背景色

【代码】element中el-table去除鼠标悬停背景色。

2024-01-08 11:53:43 824

转载 Element表格固定第一列和第一行，并通过属性名动态渲染数据

滚动条可拉动，第一列为固定不动，nano为简称对应sentimentData里面的各个值。Element表格固定第一列和第一行，并通过属性名动态渲染数据。

2023-12-12 17:29:11 915 1

原创 el-tree的封装

【代码】el-tree的封装。

2023-11-30 10:13:39 511

原创 js屏幕录制分享功能

【代码】js屏幕录制分享功能。

2023-11-07 09:03:50 195

原创 el-table :span-method合并单元格

附：通过接口获取的tableData数据结构如下。

2023-10-17 14:02:11 733

转载 Vue动态组件 component :is的使用

vue用于实现在指定位置上，动态加载不同的组件，核心代码为componentTag 为自定义的变量，将需要加载的组件名赋值给它，即可在</>标签出现的位置，渲染该组件。

2023-10-12 13:59:46 225

原创 el-date-picker 等点击无反应不回显问题解决

如上图，编辑回显正常，但是时间控件在拖动过程中时间不会跟随改变。

2023-08-30 09:16:13 1821

原创 js监听div大小变化

【代码】js监听div大小。

2023-08-22 12:27:10 811

原创 keep-alive结合activated,deactivated的用法

记住，只执行一次的放在 mounted 中；组件每次进去执行的方法放在 activated 中， activated 中的不管是否需要缓存都会执行。注意一点：activated,deactivated这两个生命周期函数一定是要在使用了keep-alive组件后才会有的，否则则不存在。<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。当再次进入（前进或者后退）时，只触发activated。当引入keep-alive的时候，页面第一次进入，

2023-07-26 09:42:34 345

转载 vue2中的组件通讯

vue组件通信

2023-07-11 14:03:20 99

转载 CSS3解决相邻border重合加粗问题

【代码】CSS3解决相邻border重合加粗问题。

2023-06-26 09:38:49 926

原创 iTerm连接阿里云服务器故障处理

macOS系统下ssh root@hostname时遇到上述问题的解决方案：

2023-06-21 09:29:02 76

原创 elementui el-image组件点击预览图片

效果：点击单个图片，查看大图。

2023-06-19 17:04:39 2069

原创 Unable to authenticate, need: BASIC realm=“Sonatype Nexus Repository Manager“ 问题解决

项目同样的配置，其他windows或者mac电脑上，均无该问题。使用的是nexus搭建的npm私服，项目.npmrc配置如下。这里怀疑只有在当前操作系统版本会出先问题。去掉仓库地址最后的一个斜杠，就可以正常使用。

2023-06-06 11:20:48 1746

原创 vue中this.$set的用法

当点击按钮的时候，调用this.$set方法，成功显示第三个属性,这就是整个过程啦。在没有点击按钮的时候，界面是这样的，虽然界面没有显示出来，但是控制台已经打印出来了。加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，这个时候就需要用到。target：要更改的数据源(可以是对象或者数组)或者遇到上边所说的问题的时候可以试试这个方法，当你需要为对象添加一个新属性时，key：要更改的具体数据。value ：重新赋的值。

2023-05-31 10:07:28 148