自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 数组合并之展开运算符

模板字符串合并数组

2024-04-11 10:47:49 158 1

原创 循环数组的时候报错TypeError: Cannot read properties of undefined (reading ‘forEach‘)

在执行到 if (element.children!== null)的时候就会报错 Cannot read properties of undefined (reading 'forEach')。== null)判断的时候加上typeof element.children!在JavaScript中,如果一个变量没有被赋值,它的默认值就是。是一个操作符,用于检测给定变量的数据类型。已经被定义,避免在尝试访问未定义的属性时出现错误。这个表达式时,它的含义是检查变量。因此,在这种情况下,

2024-04-10 16:03:27 157 1

原创 (浅拷贝,深拷贝)复制数组元素时,修改被复制的元素时,另一个元素会跟着变化

复制数组,将item元素push到this.viewModel数组中实现复制,但是编辑复制元素时原本的元素会更着变化。直接push进去是浅拷贝了item,因此尝试将item深拷贝一下再push.在vue项目中直接使用structuredClone()方法虽然不影响使用但是会报错。因为我是在pc端最后选择了使用structuredClone()方法。这种方法简单易用,但有一些限制,比如无法处理函数、循环引用等。在浏览器环境中,并且需要深拷贝可序列化的对象,可以使用。只会进行浅拷贝,对于嵌套对象仍然是浅拷贝。

2024-04-08 20:38:47 129

原创 修改elementui组件的样式不生效问题,

important,加上之后还是不生效,检查代码发现,<style lang="scss" scoped> 设置了scoped属性。样式只会影响当前组件内部的元素,而不会影响引入的第三方组件,当在一个 Vue 单文件组件中使用。样式时,样式规则只会应用于当前组件内部的元素,而不会泄漏到引入的第三方组件中。在修改表单组件时,想让表单的l<el-form-item>组件的able字体不加粗,或者把scoped属性去掉,就算不使用样式穿透也可以改变elementui组件样式。在 Vue 单文件组件中,

2024-04-07 19:21:42 270

原创 elementui弹窗里面出弹窗有一层遮罩问题

当在 Element UI 的弹窗组件中打开另一个弹窗时,可能会出现多层遮罩的问题。这可能导致用户界面不友好,并且影响用户体验。

2024-04-06 10:05:01 354 1

原创 批量删除图片

因为按钮外层还有方法又是使用的组件按钮所以用@click.native阻止冒泡。避免影响到其他方法。使用el-checkbox组件,选择多选,定位在图片右上角,因为只想展示多选框所以lable绑定id,标签展示图片id,但是隐藏标签。之前只做了删除单张图片,新增批量删除图片。以上,批量删除图片实现。

2024-03-29 15:37:37 191 1

原创 el-form-item组件包裹el-select组件时el-option在选择之后宽度被影响问题

选择了之后宽度被拉长明显不协调,这里是封装了一个组件,在其他地方引用的时候没有问题,不会被拉长,看了下这里的引入是被el-form-item包裹的,应该是受el-form-item的样式影响了,通过f12查看,翻阅了下官方文档,将 el-form-item的宽度label-width设为autoj就好。el-form-item组件包裹el-select组件时el-option在选择之后宽度被影响问题,没有选择时宽度是一样的,现在选择不会被拉长宽度。

2024-03-29 15:06:12 156 1

原创 js把字符串首个字母转小写

您可以使用JavaScript的内置方法将字符串的首个字母转换为小写。在这个示例中,函数接受一个字符串作为参数,然后使用charAt(0)方法获取字符串的第一个字符并将其转换为小写,最后使用slice(1)方法获取除第一个字符外的其余部分,从而实现将字符串的首字母转换为小写。

2024-03-27 14:24:15 271 1

原创 点击页面任何地方都报错Cannot read properties of null (reading ‘setAttribute)

以为是tab组件问题,检查了一遍没有问题, 最后发现是el-dropdown组件需要配合el-dropdown-menu使用,即使没有用到也需要占位。

2024-03-26 10:19:56 166

原创 elementuI输入框自动聚焦

vue中,第二次点击的时候,页面再次渲染了,需要借助$nextTick ,调用focus()方法,获取最新视图。需求:需要点击输入框自动聚焦,但是每次只有第一次点击的时候会自动聚焦,第二次无效果。使用element-ui输入框 定义ref。

2024-03-26 09:48:13 291

原创 vscode激活GitHub Copilot报错,登录不了github

打开文件-->首选项-->配置文件(默认)--显示配置内容。启用之后重新登录就好(不可以的话重启vscode试试)是github身份验证被禁用了。显示右下角图标表示激活成功。

2024-03-25 14:33:45 489

原创 想让表单数据清空,直接赋值null后无法在表单输入数据问题

当您直接将一个新属性赋值给对象时,Vue.js 无法检测到这个属性的变化,因为它不会触发 Vue 的响应式系统。这就导致了表单输入不了内容的情况,因为 Vue 不知道。在vue中,当需要在响应式对象上添加一个新的属性时,直接赋值可能会导致该属性不被 Vue 监测到变化,从而不会触发视图更新。为了解决这个问题,Vue 提供了。这是因为 Vue.js 在处理响应式数据时,会在实例化时对 data 中的属性进行劫持,以便能够追踪数据的变化并在视图中进行更新。直接赋值导致我后面表单无法输入。方法来添加响应式属性。

2024-03-25 12:58:39 120

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除