![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
踩坑
AzeShinja
这个作者很懒,什么都没留下…
展开
-
vue2+elementui的el-table固定列会遮住横向滚动条以及错位
我是最右侧固定列,所以下面的class名称是。的样式属性, 这会影响固定列定位的。, 如果有左侧固定请自行替换为。如果还没有解决错位, 请看你的。留出了高度并且高度一致没有错位。原创 2024-01-09 09:48:39 · 1361 阅读 · 0 评论 -
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 · 330 阅读 · 0 评论 -
主动保存,只更改一个单元格数据,保存结果 result 为 nochange
主动保存,只更改一个单元格数据,保存结果 result 为nochange,但是如果更改完数据后,失去焦点,再去主动保存,result的结果为 ok;这个问题怎么解决?原问题: https://wwo.wps.cn/comm/post-detail/1698原问题的博主提问如何解决编辑状态的单元格点击主动保存从而保存内容如果不想看问题解决过程可以下滑到。原创 2023-11-01 10:18:03 · 113 阅读 · 0 评论 -
electron在最小化窗口后,任务栏右键关闭再托盘唤起黑屏的解决方法
使用restore方法还原最小化窗口后展示黑屏的解决方方法原创 2023-08-17 17:05:58 · 1310 阅读 · 0 评论 -
electron-updater(nsis-updater)如何打开降级更新配置
【代码】electron-updater(nsis-updater)如何打开降级更新配置。原创 2023-07-25 18:52:16 · 259 阅读 · 0 评论 -
electron的(maximize)最大化方法会导致头部白色横条以及四周大黑边
上边是5px左右的白边,左右为5px左右的黑边,目测是electron窗口的留白,因为我在这个黑边上可以进行窗口的拖拽和放大缩小。后发现应用程序虽然最大化了,但是四周和顶部有一定宽度的黑边白边,在百度一段时间后没有发现其他人有这个问题 😔唉。修复逻辑: 监听应用窗口最大化事件,在最大化事件中使用setSize等操作进行模拟最大化实现目标效果。必现步骤: 只要拖拽应用程序窗口后再最大化就会一直出现,拖拽之前的最大化是无问题的。原创 2023-07-10 17:00:53 · 921 阅读 · 0 评论 -
解决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 · 1823 阅读 · 0 评论 -
解决el-scrollbar横向滚动条不出现的问题
在使用el-tree的时候想要好看的滚动条效果,但是懒得自己搞,就想着使用el-crollbar去解决,但是出现的效果是只有垂直滚动条没有水平滚动条,并且横向的数据被遮住了。原创 2022-12-19 15:11:50 · 3789 阅读 · 1 评论 -
vue(js)拖拽事件的drop失效
排查drop的一个bug过程原创 2022-09-23 10:36:35 · 2962 阅读 · 0 评论 -
vue项目使用vite打包后出现白屏并报错No match found for location with path
createWebHistory导致的打包后页面空白原创 2022-08-23 17:54:37 · 2801 阅读 · 0 评论 -
使用worker报错:Uncaught DOMException: Failed to construct ‘Worker’: Script at***
解决跨域worker文件读取报错的一种场景原创 2022-06-22 17:10:28 · 3846 阅读 · 0 评论 -
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 · 2257 阅读 · 0 评论 -
vue开发中出现警告Forced reflow while executing JavaScript took
这个问题我们用中文翻译一下:执行JavaScript时强制回流也就是哪里的操作 导致页面回流从而卡顿什么是强制回流??点我了解强制回流我遇到的情况我写了一个试题列表,列表里面有300题,每个题目有4个选项。起初我觉得有点卡,但是觉得数据量才这么点就卡很不合理就先放着没管。直到我数据量到了500以上,那页面我滴天,真的迟钝!!开始排查首先判断是否哪里频繁使用v-if等导致的,我一块块注释重复运行发现并不是他的问题。其次判断是否是数据渲染问题,因为我抽出了好几个组件以及v-for去循环渲原创 2022-04-20 10:08:56 · 8818 阅读 · 2 评论 -
Object.keys后key值数组乱序的问题
关于造成这个问题的原因为什么Object.keys等遍历对象keys值会造成乱序输出的问题我的需求:每个试题名字后有相关的单元ID,我是根据截取字符串做的排序规则,这会使单元1正常显示在第一个的位置如果说没有相关规则,兄弟可以自己想办法造一个,或者和后端沟通好,显示的顺序是什么,因为毕竟想要有顺序展示的需求就一定是有相关规则的我给出的这个问题的其中之一的解决方案如下:我的处理之前的数据类型看起来这里没有什么问题,但是通过Object.keys输出后 是单元2 在单元1的前面,所以这里我们原创 2022-04-19 14:06:44 · 2208 阅读 · 0 评论 -
vxe-table使用row-class-name等应用自己类名的无效
要使用::v-deep {}原创 2022-04-01 16:30:11 · 1927 阅读 · 0 评论 -
实现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 · 3561 阅读 · 2 评论 -
vue的el-input禁用谷歌自动填充密码行为
添加autoComplete即可 <el-form-item prop="username"> <el-input prefix-icon="el-icon-user" placeholder="请输入手机号/邮箱" type="text" clearable v-model="passForm.username" ></el-in.原创 2021-12-13 20:22:01 · 1860 阅读 · 0 评论 -
手机发送验证码计时后切换app后在切回来并没有更新计时的问题
使用的是vue框架,写了发送验证码功能,后来发现发送验证码后假如剩余40s, 切出去换页面回来还剩40s,就离谱,后来就打算使用缓存来做这个处理了重点部分的代码我是用注释标注出来 // 发送验证码 async sendCode(newKeyCode = undefined) { if (!this.isSendCodeActive) { return; } this.sendCodeLoaing = true; if (!原创 2021-12-07 14:45:04 · 689 阅读 · 0 评论 -
element-ui的popover组件没有在正常位置弹出
在el-popver标签中添加属性ref="newProjectPopover":popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"可以查看poper.js的官方文档在dom渲染之后调用方法: mounted() { this.$refs.newProjectPopover.updatePopper(); // 或者 在你请求接口后,await this.$nextTick();原创 2021-12-06 20:12:30 · 1458 阅读 · 0 评论 -
使用vue报错Cannot use ‘in‘ operator to search for
经过排查我报错的原因是$set的传参问题this.$set(data, 'rememberPass', this.rememberPass);这里的data得是对象类型的,我这里是因为没有考虑到会有纯string类型的所以报错加一个对于data类型的判断即可原创 2021-12-03 09:18:22 · 10350 阅读 · 0 评论 -
vue之为什么this.$parent.sth拿不到父组件的值
首先观察是否父级套了层ui组件,如果是,你打印this.$parent试试如果其中还没有你要的,里面还有parent就继续往下点原创 2021-11-25 17:47:30 · 656 阅读 · 0 评论 -
vue解决父组件向子组件传参,子组件中拿不到值的解决方法
做项目时候遇到一件怪事:父组件向子组件传个参数arrdata,是个数组因为是Array类型的参数,子组件中进行了接收,并且default通过函数返回一个空数组然后子组件中例行公事验证下是否正常拿到值惊呆了,竟然是空的数组!可是vue调试工具中props正常拿到了啊有点意思,后来根据项目结构想了一下,发现问题出在哪里了项目是这样的:这就是父组件所在的页面,点击蓝色按钮新增,会触发回调方法,显示子组件而父组件向子组件传递过来的值arrdata,是在这里通过监听异步获取的然后渲染在这个列表里:原创 2021-11-25 17:38:54 · 3396 阅读 · 0 评论 -
对于一个对象新赋值的字段最好还是用Vue.set吧
之前写一个功能组组件里面的点选三个红框框是三个组件,checkbox都用我请求数据后给每个元素增加一个字段:checked, 然后偶然发现点选承揽的时候没法将下面三个小元素选中。开始排查首先打了log看元素是不是选中状态 结果:元素中checked字段确实是true然后想了想,有没有可能字段没有同步更新到子组件中? 细看了log,发现只有checked的字段没有get和set,我就想可能是赋值的问题下面这个是我之前的赋值代码:改正之后使用了vue的$set后终于解决了,我们看一下打印原创 2021-10-26 16:37:07 · 146 阅读 · 0 评论 -
Vue获取el-table的滚动条高度以及定位
直接上代码 <el-table ref="multipleTable" :data="tableData"this.$refs.multipleTable.bodyWrapper.scrollTop = positionHeight;这里需要使用bodyWrapper,博主之前试了$el等都没用,然后疯狂百度到的,分享一下...原创 2021-08-27 09:01:54 · 3189 阅读 · 0 评论 -
如何防止css属性opacity影响子元素
在父元素的opacity改为background写法即可background: #0080ff;opacity: 0.1;// 等同于下方background: rgba(#0080ff, 0.1);原创 2021-08-26 18:00:31 · 1422 阅读 · 0 评论 -
如何对el-table中某一行样式修改,解决修改样式无效的问题
开门见山:提醒样式无效可能是放在了scoped的style标签中放在普通的style标签里面就可以了博主使用el-table想要实现某一行更改样式的效果查阅饿了么文档后发现有一个控制此属性的一个回调所以直接添加 <el-table ref="multipleTable" :data="tableData" ****:row-class-name="tableRowClassName"**** tool原创 2021-08-26 12:44:41 · 3308 阅读 · 0 评论 -
使用el-scrollbar如何定位滚动,以及为什么有时候怎么设置都是0无效的问题
首先再HTML中使用组件 <el-scrollbar ref="azeScroll" style="height: 100%" class="main-scrollbar" wrap-class="default-scrollbar__wrap" > <keep-alive> <router-view v-if原创 2021-08-25 16:56:31 · 1243 阅读 · 1 评论 -
vue-router.esm.js? Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated报错信息
多次重复点击跳转路由按钮报错只需在router下的index.js中写如下代码const originalReplace = Router.prototype.replace;const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch((err) => err);};R原创 2021-08-23 10:29:10 · 666 阅读 · 0 评论 -
Vue报错信息Module not found: Error: Can‘t resolve ‘vue/types/umd‘ in
报错信息解决方案删除包含 vue/types/umd 的引入即可问题原因在引入文件component时可能回车快捷引入导致的原创 2021-08-19 15:31:29 · 4343 阅读 · 3 评论 -
安装nrm后报错信息:throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value);[TypeError [ERR
如上图报错, 则把路径复制下来打开资源管理器//const NRMRC = path.join(process.env.HOME, '.nrmrc'); (删除)const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');修改之后再运行nrm -V就成功解决了参考文章: 作者名: 22届Java技术小白...原创 2021-08-16 16:28:18 · 392 阅读 · 0 评论