- 博客(35)
- 收藏
- 关注
原创 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关注的人