- 博客(35)
- 收藏
- 关注
RSS订阅原创 el-table设置了show-overflow-tooltip多出字符省略时，悬停展示的内容超出屏幕
在元素位置对应名称.el-tooltip__popper .is-dark下面添加属性max-width: 80vw;
2024-06-06 09:45:48
194
原创 关于同一个地址用作两个不同页面时，列表操作栏按钮混淆状态
同一个地址用作两个不同页面时，列表页的操作栏中有好多个按钮，如果用了v-if，可能会导致按钮混淆状态如disabled等属性混乱。将v-if换成v-show，用了v-show之后意味着所有按钮都在只是在页面上隐藏了。还用v-if，多设置一个按钮的key用来区分不同的按钮。
2024-05-29 09:55:43
151
原创 filter过滤、includes包含
let a = [1,2,3,4] let b = [1,3] 过滤出a中包含/不包含b的数组。a.filter(item=>b.includes(item)) 得到的结果[1, 3]a.filter(item=>!b.includes(item)) 得到的结果[2, 4]函数用于检查数组是否包含特定的元素，并返回一个布尔值。函数的括号中，你只能传递单个对象或元素进行匹配。
2024-03-21 09:51:55
315
原创 echart报错hasOwnProperty is not defined
当这样赋值的时候this.optionsBin.series[0].data = data就会出现报错（data是拿的接口的数据）但是当直接赋值内容，例如this.optionsBin.series[0].data = [{xxx:xxx}]的时候，就不会报错。于是进行修改this.optionsBin.series[0].data = JSON.parse(JSON.stringify(data)
2023-10-19 18:11:50
335
原创 获得今年、本月、本周的开始-结束时间
是字符串方法，用于向当前字符串的开头添加指定字符，直到字符串达到指定长度。在这里，我们将月份字符串填充到长度为 2 的字符串，如果不足两位，则在开头补充字符 '0'。因为月份从0开始计数，所以0代表一月，1代表二月，依此类推。：由于月份是从 0 开始计数的，所以我们需要将获取到的月份值加 1，以得到实际的月份。是将数字转换为字符串的 JavaScript 方法。在这里，我们将前面计算得到的月份值转换为字符串。包裹起来，确保在进行加法运算之前先获取正确的月份值。表示日期，即每月的第一天。
2023-08-02 14:11:24
313
原创 JSON.parse(JSON.stringify(this.form))解决el-form验证bug
当数据对象的属性被读取时，Vue会建立一个依赖关系，将属性与使用了该属性的组件、计算属性等关联起来。这样，当属性的值发生变化时，Vue将会通知所有依赖于该属性的组件，从而触发更新相应的视图。当属性被访问或修改时，Vue能够捕捉到这些操作，并通知相关的组件进行更新，实现数据与视图的自动同步。需要注意的是，深拷贝操作会创建一个新的对象，对于大型表单数据或频繁进行的操作可能会带来一些性能开销。这样，当你在重新验证表单时，Vue会追踪新对象的更改，并正确地验证填写的必填项。，并将新的副本对象重新赋值给。
2023-08-02 14:05:22
438
原创 关于前端的对象，如何取值、数组对象转换，以及一些举例
每个键都是一个字符串（或 ES6 中的 Symbol 类型），每个值可以是任何类型，包括数字、字符串、布尔值、null、undefined，甚至是另一个对象或数组。在 JavaScript 中，对象是一种非常重要的基础类型，它可以用于存储和处理各种数据。在开发过程中，我们经常要使用对象来表示和操作复杂的数据结构，例如表单数据、API 响应等等。在前端中，对象通常是指 JavaScript 对象，它是一种复合值类型，可以用于存储多个值（属性）。我们可以通过直接声明对象，或者通过构造函数来创建对象。
2023-06-02 16:29:02
849
原创 el-table修改字体颜色（包括行高亮时）和动态设置行背景色
4、因为我把字体设置成了白色，发现组件自带的行高亮时字体颜色和背景色太过相近，决定修改高亮时的颜色，元素中查看发现组件高亮时添加了hover-row的class。3、使用组件自带单元格方法cell-class-name来设置一个class到外面这层元素中，来方便明确定位，最终定位在这个class的cell中。1、使用组件自带的行方法row-style或者单元格方法cell-style设置字体颜色，发现设置不生效。2、控制台查看元素，发现cell-style定位不到真正的字体位置，而是上面一层。
2023-05-18 10:44:33
5570
原创 前端return中使用this无法访问到 data 定义的属性，this的指向问题
这样定义的变量可以在 return 中使用。另外，如果需要在组件中修改这个值，可以通过 this.typeName 访问到 data 定义的 typeName 属性。在Vue中，data属性在组件生成时就会被初始化为响应式属性对象，而在return中定义的属性并不是响应式的，因此在return中直接使用。关键字是无法访问到 data 定义的属性的。
2023-05-16 17:25:23
560
原创 el-input设置背景色，改变样式
思路：在浏览器控制台的元素中发现el-input是两层，div里套了个input，直接在中设置颜色的话无法达到效果，查看发现el-input__inner才是真正input的那层，设置一个class名称来定位到此，style样式中用了scoped，在css样式中加上deep和important。
2023-03-30 18:13:21
6623
原创 el-table复杂横向+纵向多级表头+修改表格样式
对多级表头其中某一格像设置背景色，用了好多vue给出的表格参数都写不出效果，最后打开控制台查看元素位置，用了CSS选择器。
2023-03-21 16:13:06
1101
1
原创 关于setInterval定时器的执行和setTimeout的坑
但是，由于在此事件循环周期内，页面的布局和渲染还没有完成，因此获取的元素高度可能不是最新的，而是上一个事件循环周期中的高度。的最后去执行，因为它是异步操作，如果此时在setTimeout的同层也就是setInterval里面写一些获取元素的操作，就获取不到元素了，我目前也不是太懂，菜狗如我暂时不用setTimeout了，直接await this.queryInfo()因此，定时器的执行顺序是与其他任务的执行顺序相互交错的，具体的执行顺序取决于任务队列中的任务数量和执行时间。
2023-03-17 16:24:15
527
原创 vue打包后生成可配置html数据的文件json，踩坑记录
然后网上找方法，好像是试了下axios来获取，忘了哪个方法了，总之会出现404获取不到地址，因为地址不能跟上面那样写了，要把public换掉 （"../.././config.json"）然后把<script type="text/javascript" src="./json/config.json"></script>放到public里面的html文件里。一开始用的require获取，在vscode里调试的时候都可以用，但是npm打包出来的json更改不了html的内容。
2023-03-17 16:00:13
596
原创 结合工作经验理解vue的各个生命周期和踩坑点
挂载完成 ： 将编译好的模板挂载到页面 (虚拟DOM挂载) ，可以在这进行异步请求以及DOM节点的访问，在vue用$ref操作。及之后才能使用getElementById等方法获取dom元素，created时无法使用dom，一开始没注意这个点就写错了）
2023-03-10 09:55:36
77
原创 Error in nextTick: “TypeError: Cannot convert object to primitive“
拿到接口返回的数据后想赋给表单，于是写出了 this.form = data
2022-07-20 16:08:36
390
原创 下拉组件清空数组用= [ ]，再赋值后，数组不会显示到下拉选项中
清空数组直接用 = [ ]，再重新赋值后，数组能接收到值，但是显示不到下拉选项中
2022-07-04 15:13:33
232
原创 TypeError: Cannot read properties of undefined (reading ‘map‘)
TypeError: Cannot read properties of undefined (reading 'map') - 简书
2022-05-17 14:35:43
26
原创 持续更新记录vscode从本地克隆、上传、拉取、提交到远程gitee仓库的简便方法
待修改，可能会写的不完整，仅做自己的记录前提：本地安装Git Bash软件本地电脑全局设置git的用户昵称和邮箱，命令如下：git config --global user.name "XXX"git config --global user.email "XXX@qq.com"拉取：打开cmd，输入ssh-keygen命令来创建本地电脑的SSH密钥，一路回车至结束后，在电脑本地根目录下多出了一个.ssh文件夹（此文件夹的具体地址在一路回车的过程中有显示出来）进入ssh........
2022-05-09 17:55:17
12911
1
原创 node/node-sass/sass-loader版本不匹配引起的错误npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve
新电脑配置vscode项目环境项目install或者run运行时，可能会报错npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree或者报错npm ERR! code 1 npm ERR!琢磨了老半天才发现是版本不匹配的问题，不太记得具体步骤了，大概方法1、卸载16版本的nodejs，安装官网14的旧版本2、卸载sass/使用淘宝镜像安装sass3、分别重新安装两个sass，版本号参考"n
2022-04-02 02:19:38
925
空空如也
vscode的代码管理器变成英文了怎么办？
2022-11-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人