- 博客(174)
- 资源 (4)
- 收藏
- 关注
原创 使用puppeteer完成监听浏览器下载文件并保存到自己本地或服务器上完成上传功能
puppeteer js获取网站点击的下载pdf,并把pdf重命名再上传到COS云上面
2024-02-22 12:12:50
1262
原创 vue2+elementui的el-table固定列会遮住横向滚动条以及错位
我是最右侧固定列,所以下面的class名称是。的样式属性, 这会影响固定列定位的。, 如果有左侧固定请自行替换为。如果还没有解决错位, 请看你的。留出了高度并且高度一致没有错位。
2024-01-09 09:48:39
1507
原创 vue2使用el-table遇到ResizeObserver loop completed with undelivered notifications报错解决
使用el-table, 并且使用的height属性为绑定的相应data数据绑定的动态height是通过实时更新的正常使用没有报错, 但是在我把el-table传入到一个插槽中之后就疯狂报错如标题。
2023-12-25 14:36:35
1138
转载 vue element-ui el-tooltip组件失效问题
但是当测试使用Chrome的时候,tooltip组件没有显示,审查元素也发现没有相应的tooltip的html元素出现,正常来讲应该是要出现类似以下的html元素的。当el-tooltip组件内直接放置文本或者单一元素的时候,在Chrome会有tooltip不出现的问题,在Firefox却不会。项目上到测试环境之后,我这边使用Firefox查看效果是没有问题的,tooltip组件正式显示。在使用el-tooptip组件时应该始终用一个盒子去包裹住里面的元素。但是如果你用一个盒子去包裹的话,它又可以了!
2023-12-06 20:16:16
439
原创 vue/js的input输入框实现不允许空行回车,有数据才可以回车以及识别excel单元格换行的逻辑
@input绑定事件实现禁止空行回车的逻辑以及识别excel单元格换行
2023-11-01 14:52:39
766
原创 主动保存,只更改一个单元格数据,保存结果 result 为 nochange
主动保存,只更改一个单元格数据,保存结果 result 为nochange,但是如果更改完数据后,失去焦点,再去主动保存,result的结果为 ok;这个问题怎么解决?原问题: https://wwo.wps.cn/comm/post-detail/1698原问题的博主提问如何解决编辑状态的单元格点击主动保存从而保存内容如果不想看问题解决过程可以下滑到。
2023-11-01 10:18:03
129
原创 vue3的hooks你可以了解一下
刚开始我简单看了几篇文章感觉Hooks这个东西很普通,甚至感觉还不如vue2的mixin好用。还有export import 感觉和普通定义一个utils文件使用没什么区别。但是Hooks这个东西肯定不是白给的,所以我开始在我的项目里面不停的操作、试验demo,所以我发现了一些他使用非常舒服的点。
2023-08-25 17:10:42
399
原创 electron-updater(nsis-updater)如何打开降级更新配置
【代码】electron-updater(nsis-updater)如何打开降级更新配置。
2023-07-25 18:52:16
293
原创 electron的(maximize)最大化方法会导致头部白色横条以及四周大黑边
上边是5px左右的白边,左右为5px左右的黑边,目测是electron窗口的留白,因为我在这个黑边上可以进行窗口的拖拽和放大缩小。后发现应用程序虽然最大化了,但是四周和顶部有一定宽度的黑边白边,在百度一段时间后没有发现其他人有这个问题 😔唉。修复逻辑: 监听应用窗口最大化事件,在最大化事件中使用setSize等操作进行模拟最大化实现目标效果。必现步骤: 只要拖拽应用程序窗口后再最大化就会一直出现,拖拽之前的最大化是无问题的。
2023-07-10 17:00:53
1021
原创 Vue如何处理 Node 报错 Error: error:0308010c:digital envelope routines::unsupported
原因:出现这个问题一般都是node版本升级之后出现的PS: 我看很多回答改环境变量等等,首先我认为改NODE_OPTIONS = --openssl-legacy-provider一点用没有,不是长久的办法。
2023-03-16 17:22:35
527
1
原创 解决mac端TypeError: transpileDependencies.map is not a function
解决报错:Error: error:0308010C:digital envelope routines::unsupportedtranspileDependencies.map is not a function
2023-01-02 23:22:25
1886
原创 解决el-scrollbar横向滚动条不出现的问题
在使用el-tree的时候想要好看的滚动条效果,但是懒得自己搞,就想着使用el-crollbar去解决,但是出现的效果是只有垂直滚动条没有水平滚动条,并且横向的数据被遮住了。
2022-12-19 15:11:50
3993
1
原创 vue项目使用vite打包后出现白屏并报错No match found for location with path
createWebHistory导致的打包后页面空白
2022-08-23 17:54:37
2849
原创 使用worker报错:Uncaught DOMException: Failed to construct ‘Worker’: Script at***
解决跨域worker文件读取报错的一种场景
2022-06-22 17:10:28
4012
原创 vue使用input-file原生上传,并解决跨域等
好久没写过文件上传了,果然基础的坑全都踩一遍踩到的坑使用FormData传值为{}那是因为你外面包了花括号,直接传即可!fileChange(e) { const file = e.target.files[0]; const fd = new FormData(); fd.set("file", file); uploadFile(fd); },跨域问题解决:在vue.config.js文件下这么配置devServer: {
2022-05-14 23:51:40
2279
原创 vue开发中出现警告Forced reflow while executing JavaScript took
这个问题我们用中文翻译一下:执行JavaScript时强制回流也就是哪里的操作 导致页面回流从而卡顿什么是强制回流??点我了解强制回流我遇到的情况我写了一个试题列表,列表里面有300题,每个题目有4个选项。起初我觉得有点卡,但是觉得数据量才这么点就卡很不合理就先放着没管。直到我数据量到了500以上,那页面我滴天,真的迟钝!!开始排查首先判断是否哪里频繁使用v-if等导致的,我一块块注释重复运行发现并不是他的问题。其次判断是否是数据渲染问题,因为我抽出了好几个组件以及v-for去循环渲
2022-04-20 10:08:56
9269
2
原创 Object.keys后key值数组乱序的问题
关于造成这个问题的原因为什么Object.keys等遍历对象keys值会造成乱序输出的问题我的需求:每个试题名字后有相关的单元ID,我是根据截取字符串做的排序规则,这会使单元1正常显示在第一个的位置如果说没有相关规则,兄弟可以自己想办法造一个,或者和后端沟通好,显示的顺序是什么,因为毕竟想要有顺序展示的需求就一定是有相关规则的我给出的这个问题的其中之一的解决方案如下:我的处理之前的数据类型看起来这里没有什么问题,但是通过Object.keys输出后 是单元2 在单元1的前面,所以这里我们
2022-04-19 14:06:44
2290
原创 vue使用flex布局做自适应宽度到5的倍数的div换行
我的实现方式是通过html中双层for循环做的首先我们把数组数据处理一下,因为我们是每5个元素分成一个div看下数据格式: data() { return { examList: [ { title: '正题', listData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], }, { title: '正题1', listData
2022-04-12 09:15:56
1059
原创 如何防止el-switch点击后触发父亲div点击事件?防止冒泡?
<span @dblclick.stop.prevent @click.stop.prevent> <el-switch ... /> </span>在外面包裹一层span标签并给上阻止冒泡事件,我最初是想在组件上直接写时间,不知道为什么不生效。所以采用了下下解, 多包了一层结构...
2022-03-24 17:02:02
1032
2
原创 vue使用element的switch将文字嵌入显示
<style lang="scss" scoped>::v-deep .clearPadding .vxe-cell { padding: 0;}::v-deep .clearPaddingLeft .vxe-cell { padding-left: 0px;}::v-deep { .main-el-switch { position: relative; .el-switch__core { height: 24px; border
2022-03-23 11:35:18
2825
原创 Vue使用provide各种传值后inject获取undefined的问题
首先使用provide是为了方便孙子组件获取爷爷组件的数据就比如下方想使用provide把table的refs分派给每个孙子组件但是provide是先于mounted执行的,导致dom还没有搭建完成就发送给了子组件,所以子组件inject后值为undefined所以我想要不给一个响应式数据,这样在爷爷组件中的mounted对其进行赋值后孙子组件也能同步更新这样子组件就能正常获取它的值了不知道还有没有更好的解决方法,如果有请踢我一下! o( ̄▽ ̄)ブ...
2022-03-23 10:49:52
6335
1
原创 vue-el-tree目录树在文件列表的checkbox点击后导致目录树与它的中间显示黑色块或白色块的问题
使用el-tree的坑之一,显示异常个人BUG解决记录用尽量用z-tree, 别用el-tree先上视频,好吧视频不让上传下方明显看到点击checkbox的时候左侧与目录树中间的位置变成了黑色,接下来我说一下我发现BUG以及解决问题的过程复现BUG的过程收到测试的问题后我还很疑惑,因为只有PC有这个问题,web是正常显示的,所以我先准备在自己本地上复现,但是是很稀有的概率才会复现因为我使用了scrollintoview是用来点击文件夹进行目录树定位的,所以它是我第一怀疑对象。所以我把
2022-03-15 12:06:53
1299
原创 发现el-tree有个奇怪的功能:点击节点移动鼠标松开会收缩父节点
故事起始于一个无聊的下午,在公司随便狂点自己写的功能。后来发现为什么有时候会导致父目录收缩的问题!! 刚开始怕极了,以为是自己写的什么鬼BUG。最后在来回点来点去发现是需要拖动节点才能触发,然后我就去了饿了么组件官网的DEMO试了一下,果然我去。人家DEMO就有这个功能=。=。所以说目前当作一个功能点吧,就离谱。人家组件库中的配置和介绍对这个功能一口没提=。=。总结就是: 没必要改有解决方案踢我一脚, 可能是我没看见脑内过滤了...
2022-03-01 15:51:29
693
2
原创 el-tree无论是否叶子节点,下拉按钮常驻
看了一圈没有配置下拉按钮常驻的, 那么我们就更改他的属性我的树子节点是通过点击某一个文件夹后请求接口获取的,所以使用了updateKeyChildren这个函数所以我们封装一下这个函数 updateKeyChildren(id, data) { this.$refs.projectTree.updateKeyChildren(id, data); const node = this.$refs.projectTree.getNode(id); node.c
2022-02-11 10:05:32
1120
原创 vue中使用v-if控制的input第一次可以autofocus,第二次失效的解决方法
使用vue的自定义指令就可以解决了// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})在我们写的input中使用v-focus就可以使用了<input size="mini" v-if="data.needEdit" :key="data.id" ty
2022-01-11 17:07:14
1681
原创 实现el-input后缀图标和clearable的兼容以及竖线分割
经常能遇到一个需求,需要做成如下的样子但是总所周知,element的clearable和后缀图标时位置是冲突的, 他会这样:造成这样的原因是因为:所以我们只要把他们的父级内容改为反序的不就行了,所以::v-deep { .el-input__suffix { // 处理前缀图标不垂直居中的问题 height: auto; font-size: 20px; &-inner { flex-direction: row-rev.
2022-01-04 19:45:50
3673
2
Angular+SpringBoot 学校期末作业(图书管理)
2020-10-30
HTTP笔记鸭(๑•̀ㅂ•́)و✧
2020-09-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人