![](https://img-blog.csdnimg.cn/20190918140129601.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端问题记录
ChangYan.
这个作者很懒,什么都没留下…
展开
-
yarn安装electron时报错RequestError:socket hang up或者connect ETIMEDOUT 20.205.243.166:443
这是由于electron的安装并不依赖本地npm中registry所配置的镜像,需要增加名称为electron_mirror的镜像源。原创 2024-07-19 09:35:11 · 406 阅读 · 0 评论 -
卸载nodejs后还是会出现在nvm列表
这是由于下载nvm之前该node版本就已经存在了原创 2024-07-18 16:23:45 · 359 阅读 · 0 评论 -
vue变量赋值中文,但是输出为乱码,解决办法
编码问题,应该改为UTF-8进行保存运行原创 2023-09-21 15:49:55 · 530 阅读 · 0 评论 -
@mouseover不起作用,并没有触发
这是因为有阻止内部子元素的事件冒泡,加个.native就可以了。原创 2023-08-19 17:17:37 · 1030 阅读 · 0 评论 -
el-cascader支持远程搜索功能实现
主要是在before-filter这里实现远程搜索功能。原创 2023-08-19 17:11:49 · 1886 阅读 · 15 评论 -
后端返回可下载的xlsx文件,但是前端接收下载后为乱码
后端传的是blob类型文件,所以前端接收时也要限制一下类型原创 2023-08-19 17:04:38 · 989 阅读 · 0 评论 -
使用async/await并不会执行接下来的代码,原因及解决办法
get_table_header函数中创建了新的Promise,但是在处理get_table_header_setting(params)的响应时,并未调用resolve()或reject(),这使得返回的Promise永远处于pending状态,所以await this.get_table_header()也就永远不会返回,导致后续的代码无法执行。原创 2023-08-19 16:56:11 · 1766 阅读 · 2 评论 -
设置富文本编辑器mavon-editor高度为内容的100%
mavon-editor总有一个固定的高度,但是当我输入内容比较少时,是有些占地方的。所以需要mavon-editor随着内容自动变化高度。原创 2023-08-19 16:44:46 · 558 阅读 · 1 评论 -
el-table数据更新了,但是展示并没有更新
这是因为有时候vue无法监听到数据的变化,导致数据变化但是视图没有变化。我是试了前两种方法都没有起作用,特别记录第三种方法。原创 2023-08-19 12:27:54 · 3038 阅读 · 0 评论 -
vue中数组使用push并不能动态更改页面展示,需要使用$set来实现
这是因为在最初页面已经渲染完成,在进行push的时候并没有监听到内容改变,所以不会重新进行渲染展示。想要页面随着数据的改变来再次展示新内容,需要使用set来触发改变,使页面可以监听到。原创 2023-08-19 11:57:38 · 1746 阅读 · 0 评论 -
el-row的@click.stop并没有阻止事件冒泡,还是会触发外层div的点击事件
当点击一个元素时,会进行冒泡,一直触发到父元素。可以通过给click加stop来阻止事件冒泡,如:@click.stop=“search_maf_version(version)”,但是发现给el-row加上@click.stop并没有生效,还是会触发外部的点击事件。在使用 Vue.js 框架的 Element UI 库中,对于一些组件,如 el-row ,可能不能直接通过在其上添加 @click 来绑定原生的 click 事件,因为这些组件可能没有实现 click 事件的派发。原创 2023-08-19 11:11:20 · 1035 阅读 · 0 评论 -
el-tabs的上方目录栏增加自定义按钮
其实是custom-btn距离它外层包裹的div内部上方6px,然后刚好就显示在el-tabs上,是视觉效果,并不是直接在el-tabs内部放自定义按钮。原创 2023-08-19 10:55:34 · 1086 阅读 · 0 评论 -
vue使用html2canvas实现一键截图并赋值到剪贴板,只截取当前显示器上可视的内容
x表示的是从哪个高度开始截屏,y表示从哪个宽度开始截屏,height表示截取多高,width表示截取多宽。原创 2023-07-13 17:54:19 · 970 阅读 · 2 评论 -
vue+Element 设置头部固定,并解决遮罩层显示问题
通过整体框架代码可以看到,其实element-ui已经实现了头部固定。原创 2023-07-10 12:13:53 · 2038 阅读 · 0 评论 -
SparkMD5获取不同图片的md5显示相同,解决办法
按道理来说,不同的图片应该具有不同的md5,但是在测试的时候发现上传不同的图片md5总是一样的。原创 2023-05-31 18:12:53 · 1113 阅读 · 0 评论 -
you may have an infinite update loop in a component render function.
产生的原因:在组件的 render 函数中有一个无限更新循环。当 Vue.js 组件的 render 函数触发一次更新后,又立即导致另一次更新时,就会出现这种情况。,所以这就会导致更新的立即触发,就会出现报错。原创 2023-05-09 10:09:15 · 631 阅读 · 0 评论 -
前端根据后端返回的url直接进行下载
后端直接返回了一个下载地址,需求是在前端代码里通过点击按钮来进行下载。原创 2023-05-05 12:06:28 · 1581 阅读 · 2 评论 -
el-table-column重构expand的样式
保留官方的expand的功能,但是将它的小三角隐藏起来,然后用自定义的按钮来控制展开。原创 2023-04-28 17:12:27 · 2001 阅读 · 0 评论 -
后端返回svg文件流前端展示并下载
后端返回的svg内容直接是一个xml文件,前端有两个功能,一个是预览(在浏览器中打开svg),一个是下载(将svg下载到本地)。原创 2023-04-24 09:42:11 · 1968 阅读 · 0 评论 -
前端加载报错Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
webpack打包的时候,可以在js文件中混用require和export。但是不能混用import 以及module.exports。原创 2023-04-13 10:12:49 · 848 阅读 · 0 评论 -
keycloak更新token调用updateToken函数无效,解决办法
点开这个token,可以看到是页面初始化加载请求时的token,并不是更新后的token。原创 2023-04-04 22:17:41 · 1455 阅读 · 0 评论 -
vue带参跳转页面中文会出现乱码
然后可以看到上方的url是正确的中文,但是下边解析出来后就成了乱码。原创 2023-03-21 21:36:16 · 2370 阅读 · 0 评论 -
el-dialog遮罩层遮挡问题
由于我是el-dialog里边又嵌套了一个el-dialog,所以当出现两个el-dialog时,都会被遮罩层遮挡。原创 2023-03-11 17:38:53 · 867 阅读 · 0 评论 -
前端使用FileReader读中文会乱码
这么读取之后,打印读入的内容,可以看到中文字符都无法正确显示。原创 2023-03-05 10:26:40 · 932 阅读 · 0 评论 -
vue的audio动态绑定src无效
用this.audio_src = './alarm.mp3’是不行的,无法播放。原创 2023-02-17 10:20:40 · 834 阅读 · 0 评论 -
css如何给div添加一个条纹背景,在背景上画一条有宽度的斜线
想要实现div的背景上有一条深色的斜线。这里主要使用的是css里的线性渐变属性。可以看到,渐变属性可以设置角度、条纹颜色、还有条纹的宽度。原创 2023-01-31 20:25:35 · 2769 阅读 · 0 评论 -
el-radio-group选中后再次点击取消,及el-radio-button具有边框悬浮问题解决
想达到的效果是:当前el-radio已经选中,然后再次点击这个el-radio会取消选中。原创 2023-01-13 13:29:51 · 2100 阅读 · 2 评论 -
vue使用element-ui的el-date-picker设置样式无效
这是由于el-date-picker没有挂载到当前页面上,而是直接挂载到了整体的body中,也就是说在当前加载出来的页面上无法定位到el-date-picker,所以在当前页无法进行css样式设置。原创 2023-01-12 23:14:23 · 2049 阅读 · 4 评论 -
vue 国际化引入vue-i18n后,html正常,但是v-for里的data切换语言不起作用,只展示英文
【更改前】是只有英文,切换中文语言也没有任何变化。【更改后】是可以进行中英文适配的,是正确的。原创 2023-01-12 12:40:32 · 528 阅读 · 2 评论 -
如何让element-ui的el-row内容居中(水平垂直)
【代码】如何让element-ui的el-row内容居中(水平垂直)原创 2023-01-10 16:50:33 · 17198 阅读 · 0 评论 -
echarts多个series进行自定义tooltip的数据显示
其中params就是表示当前的数据,params[0]表示的是第一组数据,params[1]表示的是第二组数据,对它们的展现形式分别进行定义。然后就可以有如图展示了!原创 2023-01-09 15:41:02 · 2077 阅读 · 0 评论 -
echarts 数值差距过大,有些数据会显示不全
如图,有两个柱状图,但是数量级相差过大,导致第二个图基本上看不到效果。解决办法如图:设置type为log。注意自己的图是什么走向,向我这种横着走向,就在xAxis里边设置,如果是竖着走向,就在yAxis里进行设置。原创 2023-01-09 15:14:27 · 1975 阅读 · 0 评论 -
echarts的series已经为空但是还加载出数据
但是加载出的图表还是有数据,就很莫名其妙,而且显示的很混乱,数据还有重叠。很神奇,输出了一下series,是空的。原创 2022-12-30 12:20:41 · 856 阅读 · 0 评论 -
前端axios请求,传递数组的时候会在url的后边加中括号[]
后端想要一个键对应多个值,如下图。然后通过查询发现放在数组里进行传递。直接放在对象里的话无法放相同的键。但是加载之后,看一下url,会有中括号[ ],这不是后端想要的。原创 2022-12-26 14:15:39 · 2009 阅读 · 1 评论 -
vue-element设置三级菜单栏,页面空白解决办法
设置二级的时候,页面都可以正常加载,然后把二级可以加载出的页面放在三级菜单栏后,加载出来就是空白的了,什么都没有,在控制台看,app-main里的内容什么都没有,不会渲染出页面。原创 2022-12-26 12:39:22 · 2288 阅读 · 9 评论 -
css样式重叠解决办法
想要的效果是前边灰框里的文字内容可以自动换行,当距离较窄的时候文字变成2行,这样就不会样式重叠了。查一下white-space,发现确实是这个属性的设置导致不会自动换行。原创 2022-12-22 09:57:54 · 1475 阅读 · 0 评论 -
echarts添加markLine不显示问题
我的纵坐标本来是没有设置的,那么就是data里的最大值就是echarts纵坐标默认的最大值,那么当markLine设置的数值超过纵坐标的最大值时,将不会显示。如图,我的原因是markLine要比纵坐标的最大值大,所以无法显示。所以解决办法就是动态设置纵坐标的最大值。原创 2022-12-14 11:34:00 · 3512 阅读 · 0 评论 -
async和await函数中出现报错不会继续执行下去,解决办法
预想的是有报错的话只有本条函数不能执行,它下边的函数还会继续执行。但是写出来的代码运行出来的结果是await出现错误了,它下边的函数也不会执行了。应该用catch来接收一下错误,然后后边的代码就可以继续执行了。原创 2022-12-14 11:06:59 · 3841 阅读 · 0 评论 -
element抽屉el-drawer被遮罩层覆盖的解决方法
加载出来的效果是这样的,被一个蒙层盖住了整个抽屉,点击也无法消失。这是由于元素的一些层级设置不同导致的,所以蒙层被放在了最顶端。原创 2022-11-25 10:03:41 · 6298 阅读 · 2 评论 -
element-ui的el-table更改筛选值filtered-value后不起作用
按照一般的思维,当我在js里赋值 this.filter_value = [‘111’, ‘222’] 之后,table表格应该只加载出topic_name=‘111’和topic_name=‘222’的行信息。但是通过js动态改变筛选数组后,筛选出来的数据还是首次的筛选数组的内容。原创 2022-11-24 23:02:50 · 3001 阅读 · 2 评论