bug记录
初入前端的小谢
这个作者很懒,什么都没留下…
展开
-
vue富文本编辑器中样式冲突和不能修改的问题
在vue项目中,富文本回显通常采用的是v-html指令来渲染html字符串。但是在回显的过程中,发现了一些问题,以此记录下来。1.富文本(tinyMec)在编辑的时候采用的是iframe隔离,这样的话富文本中编辑的样式就是浏览器原生的样式。但是回显的时候,就会遇到项目中的全局样式所覆盖,导致所见不是所得。解决:通过 @import 将浏览器默认样式文件导入到v-html的页面中,并添加scoped2.通过上一步操作,发现虽然v-html中的内容显示正常了,但是其它页面的样式也出现问题了。查阅原创 2021-12-21 14:43:11 · 2678 阅读 · 0 评论 -
整理web前端下载文件和访问服务器资源的方法
在做web开发时,免不了需要下载各式各样的文件,后端返回也会有不同的数据格式。通常情况下会有两种数据格式:协议+ip+端口+服务器资源路径这种形式的接口呢,是直接访问服务器的静态资源,浏览器会解析该地址,并到服务器中拿到对应的资源。通过调用接口,后端返回二进制流来进行下载这种在浏览器打开的表现形式是跳转到一个新页面然后提示下载文件,然后关闭页面,返回之前的页面。而上面的形式会直接在浏览器中预览(如果浏览器可以预览:like 图片…)而实现文件的下载或者展示在浏览器中,就需要根据上面的原创 2021-12-21 14:20:02 · 1821 阅读 · 0 评论 -
解决图片放在src上面加载不出来,但是放在浏览器地址可以访问
在html页面加入标签,就可以解决页面加载网络图片的问题,原因大概是网络安全的问题,别人的页面做了安全防护的问题。原创 2021-11-24 14:58:05 · 2359 阅读 · 2 评论 -
uniapp微信小程序使用webview嵌套h5的文件下载问题
公司有个小程序项目,就是单纯的小程序中使用web-view嵌套h5的项目。但是在文件下载的时候,安卓手机点击没反应,ios能打开文件但是都是乱码。在网上也找了很久,后来确定了一种思路,通过判断当前的宿主环境来进行不同的操作,然后在h5中跳转到小程序的特定页面,并且将文件资源的URL传递过去。之后在小程序中调用微信的下载文件或者保存文件API。总体思路就是这样,上代码。h5端代码// 判断所在环境 var ua = window.navigator.userAgent.toLowerCase原创 2021-10-27 16:40:52 · 8231 阅读 · 3 评论 -
2021-09-17 bug记录Converting circular structure to JSON(关于json循环引用的问题)
在uniapp中开发的h5页面,没有出现这个问题,后来运行在小程序中出现了这种问题。一开始没搞懂这个报错(翻译:就是复杂数据类型循环引用),简而言之就是a对象中有b属性,而b属性又和a属性共享了同一块内存空间。var a = { b:a}说明了问题所在,那就是解决-bug了。这句代码就是问题所在了,这种骚操作的bug不好发现,只能一块一块代码注释,来确定bug位置。...原创 2021-09-17 17:04:47 · 528 阅读 · 0 评论 -
解决echarts中的label文字过长导致显示不全的问题
label: { normal: { formatter(v) { let text = v.name; let value_format = v.value; let percent_format = Math.round(v.percent) + '%'; if (text.length <= 6) { return `${text}\n${value_format}\n${percent_..原创 2021-09-10 10:33:12 · 3451 阅读 · 0 评论 -
vue触发element-upload上传事件
bug记录原文转载:https://www.cnblogs.com/liangpi/p/13086110.html转载 2021-07-20 15:53:40 · 2195 阅读 · 0 评论 -
VUE路由传参踩坑
VUE页面使用push传递参数当使用$router.push进行传递复杂数据类型时,如果有字段的属性为Date对象,那么将会转换成字符串(乱码),这样就不能在$route.query中获取到正确的日期对象。解决方式:在传递数据前使用JSON.stringfy(data)转换成JSON格式注意:push中的配置项query或者params接受的是一个对象,所以需要定义一个字段来存储JSON数据this.$router.push({name:url,query:{data:JSON.stringf原创 2021-07-19 18:05:47 · 422 阅读 · 0 评论 -
解决Echarts图标resize函数报错
解决Echarts图标resize函数报错问题需求:当页面大小变化时,图表进行重新绘制,响应页面尺寸。修改之前: // 使用刚指定的配置项和数据显示图表。 this.pieChart.setOption(option); window.onresize = () => { // 监听页面变化事件 this.pieChart.resize(); // 调用echart的重绘方法 };效果:可以实现效果,但是控制台会报错,_this.pieC原创 2021-06-09 17:31:19 · 2758 阅读 · 0 评论 -
解决vue中echarts页面进入缩成一团的问题
解决vue中echarts页面进入缩成一团的问题直接看效果解决过程初始化函数添加$nextTick() this.$nextTick(()=>{ this.initCharts(); }) 给echats组件添加v-if 给setOption设置定时器 mounted初始化中添加定时器最终解决思路echarts的父组件是整个页面的子组件,父组件使用的transition,使用的v-show,这就导致了组件在进入页面时直接加载,原创 2021-05-21 17:18:04 · 3279 阅读 · 1 评论