- 博客(21)
- 收藏
- 关注
RSS订阅原创 关于Echarts多条折线图堆叠折线绘制错误问题
官方文档对于stack的解释是对于同个类目轴上系列配置相同的stack值可以堆叠放置, 什么意思呢, 看一下错误图大概就明白了, 就是同一个X轴的坐标刻度上, 折线图的值是堆叠的, 也就是相加的, 看到红色折线, 如果将其他所有项相加, 刚好是这个位置。从图中可以比较清楚的看到, 红色和红色下面紧挨着的灰色这两条线, 根据tooltip显示的数据量分别只有91115.33和162.58, 但是在绘制的折线图上, 都是大概在三百万上下的高度。方式一, 不堆叠, 即不写stack属性, 或者stack不同名。
2023-05-31 10:23:44
1298
1
原创 v-if + v-else 踩坑随记 ( 关于 v-else 切换后 导致 el-table 的操作列按钮不显示的问题 )
如上代码, 这是在一个侧边弹出的抽屉里写的, 当点击查看切换的时候, el-table能正常展示, 但是操作列的按钮不显示, 需要重新触发一次页面编译才能显示出来。继续说,v-else 面向百度了一会之后, 没有找到很有用的东西, 有人提到过可能是v-else有个延时, 但没有说的很详细。分析el-table的数据没有变化, 所以触发不了视图更新, 导致按钮不显示。el-table 有一个方法, doLayout(), 官方文档的解释如下。应该也是可以解决这个问题, 我没做尝试, 有兴趣的可以试一下。
2023-05-26 10:53:52
584
原创 一个粗糙的角标
css手写一个粗糙的角标我这里是给element的el-tab组件加了一个小角标<el-tabs v-model="activeName" @tab-click="cut"> <el-tab-pane name="0"> <span slot="label" class="jiaobiao"> 待办 <span class="count" v-if="unReadCount">{{ unReadCo
2022-05-11 14:59:57
531
原创 vue+element 实现input框粘贴图片或文本，图片上传
vue+element 实现input框粘贴图片或文本开发electron项目，引入了vue+element ui直接上结果第一步，给input框添加监听粘贴事件<el-inputtype="textarea" :autosize="{ maxRows: 2 }" size="small" resize="none" @paste.native.capture.prevent="pasting" v-model="textMsg" placeh
2022-04-01 17:30:52
3137
4
原创 Vue + vue-quill-editor富文本禁止粘贴图片，只能上传，补充回显自己上传图片失败的解决办法
开发过程中，使用到了富文本编辑器，因为要限制富文本大小，所以禁止用户粘贴图片，需要图片只能上传保存路径，所以禁止粘贴图片handleCustomMatcher(node, Delta) { let ops = [] Delta.ops.forEach(op => { if (op.insert && typeof op.insert === 'string') { // 如果粘贴了图片，这里会是一个对象，所以可以这样处理
2022-03-31 14:41:27
2350
1
原创 UEditor富文本编辑器无法显示base64图片
开发中，发现无法回显base64图片数据，经测试，非数据问题，那就是代码问题，万能百度~ 咻一万行多点的位置，注释掉，保存，解决
2021-11-23 17:01:35
1134
原创 下载blob文件及将错误的blob信息转换成json对象
下载blob文件及将错误的blob信息转换成json对象调用导出接口下载后端的excel文件，当错误时后端返回json信息，因请求头设置了responseType: 'blob',所以，json格式返回到前端时变成了blob对象，转回去，显示if(res.data.type == 'application/json') { //错误提示 const reader = new FileReader(); reader.readAsText(res.data, 'utf-8'); reader
2021-11-02 15:20:53
640
原创 解决Echarts 散点图更新数据图表刷新不完全问题
前言： 项目中要用到散点图，引入后更新数据发现，散点图的每个点并不会完全刷新，会有旧数据保留解决办法：this.thisChart = echarts.init('你的图表元素');this.thisChart.clear();解决~
2021-09-13 11:23:46
577
原创 element-ui form表单校验重置表单后无法输入
element-ui form表单校验重置表单踩得一个小坑着急的话直接看文章底总结前言，给form表单加了rules校验后，提交表单前进行字段检查this.$refs[formName].validate( valid => { // validate接受两个参数，具体参考element官网api文档，第一个是boolean值 if(valid) { // 为true时，说明表单校验通过，符合rules }else { // 不满足时的逻辑处理 }}然后提交前检查完事打开
2021-08-17 16:33:53
2610
2
原创 js计算数组中每一项出现的次数，并处理出自己想要的数据格式
js计算数组中每一项出现的次数，并处理出自己想要的数据格式先说下场景需求吧根据战区下不同的省份进行单元格跨行合并 *效果图如图，如果是两广，两广这个格子就合并，后端返回的数据格式是数据，每一项是对象假象中数据结构我的实现思路手动给每一条数据加上一个rowspan：number然后根据这个rowspan决定跨几行需要跨行的第一个对象的rowspan为跨行树，剩下的相同格的rowspan为0开始撸码一开始以为是数据必定相邻，比如两广的广东和广西肯定是相邻的两个对象所以代码le
2021-06-30 16:33:02
379
原创 vue 调用接口下载java后端生成的excel文件流
vue 调用接口下载java后端生成的excel文件流需求是点击导出（下载）excel文件分析： 下载可借用a标签的下载功能，将后端返回的文件流处理后，动态生成a标签模拟点击操作完成下载操作首先创建axios请求import axios from 'axios';const excel = axios.create({ timeout: 50000, // 请求超时时间 withCredentials: true //跨域处理})在请求拦截器里配置token等参数，设置respons
2021-06-16 16:33:04
1121
原创 ant design vue form 表单使用报错：Warning: You cannot set a form field before rendering a field associated
Warning: You cannot set a form field before rendering a field associated with the value.问题： 在使用ant design vue时，发现给form表单设置值时会报这个错，且第一次打开编辑窗口给form表单赋值时，是空白的，之后再次打开才会显示正常。分析： 直译这句话为 在呈现与值关联的字段之前，不能设置窗体字段。即为不能在表单渲染之前赋值参考别人的博客发现大多解释是多给form传了字段。this.form.se
2021-06-02 11:05:32
1128
原创 关于transform 对行内元素无效的一点笔记
关于transform 对行内元素无效的一点笔记一次开发中写样式，想要实现，鼠标进入某节点，判断节点是否含有子数组，如果有就显示下拉箭头，当鼠标进入该节点元素时，翻转箭头方向朝上实现过程中，一切过程正常，项目是vue的，添加样式代码如下// 当鼠标进入 mouseenter事件触发时，将节点的index赋值给deptIndex，然后判断加样式<i v-if="deptShowList[i].haveChild" class="icon iconfont iconxiala-copy" :c
2021-05-10 11:29:33
1026
原创 原生js XMLhttprequest请求onreadystatechange执行两次问题解决
原生js XMLhttprequest请求onreadychange执行两次解决最近做到一个页面需要兼容IE，然后就写了一个原生 XMLhttprequest请求直接上错误代码xmlHttp = new XMLHttpRequest(); xmlHttp.open("post","https://baidu.com/mianxiang/baidu/biancheng"); xmlHttp.setRequestHeader("Content-Type","applicat
2021-04-28 14:09:03
3591
2
原创 Element UI 进度条文字样式修改
Element UI 进度条文字样式修改需求是不显示百分比，即如下图这里借用element ui 进度条文档中的format属性我的代码如下formatData(percentage) { return `${percentage}` },可根据项目需要进行修改，实现诸如倒计时等其他样式或需求的修改...
2021-04-12 11:00:09
3115
原创 then的双回调
then的双回调在新项目里then的第一个回调中失败请求处理不能拿到服务器返回的错误提示原写法，部分失败请求返回的信息不能适用.then(res => { if (res.data.code == 200) { //请求成功处理 this.$emit("updateSucc"); this.initData(); } else { //请求失败处理
2020-08-19 16:17:19
1588
原创 vue项目登录成功拿到令牌跳转失败401无登录信息
vue项目登录成功拿到令牌跳转失败401无登录信息之前的一个上线半年多的项目，客户提出一点小需求改动，当跑项目时发现线上没有问题，线下登录成功，自动跳转后验证登录人信息时验证失败，无登录信息导致页面一直停留在登录页登录请求成功随后跳转页面后调取当前登录人信息无效，跳回登录页重新登录导致页面一直停留在登录页。问题原因：线下测试环境地址可能存在跨域问题，但是不会报跨域错误，部分接口可以访问，但访问后的接口数据得不到认可。common.js原地址写法root() { return
2020-08-18 10:02:48
2535
原创 element ui 下拉框选择后绑定值改变，显示不变
element ui 下拉框选择后绑定值改变，显示不变之前在开发的时候遇到的问题，发现下拉框写好之后选择option后绑定值v-model会变化，但是显示的值没有变化，最初以为是少了value-key，加上之后发现并没有解决，后来百度查了一下，得到解决方法，上代码原代码<el-select v-model="reqData.coupon_code" class="w160" placeholder="请选择订单类型" size="small"> <el-opt
2020-07-06 09:56:47
6333
原创 关于深拷贝与浅拷贝的数据影响
深拷贝与浅拷贝在项目开发过程中呢，再给一个表格加详情时，出现了一点小问题问题是这样的props: { detailModal: Object, curOfDetail: Object }, getDetail() { this.tableData = this.curOfDetail.refunds; for(let i = 0; i < this.tableData.length ; i++) { this.tableData[
2020-07-02 10:27:17
612
原创 input输入框不实时更新绑定数据
input输入框不实时更新绑定数据发现原因： 需求：根据前面其他输入框的值实时更新money输入框当请求成功后，将返回结果赋值给input框时发现input框的值总是没有赋值最新数值，检查请求数据发现无误，经查阅得知如果在实例创建之后添加新的属性到实例上，它不会触发视图更新if (res.data && res.data.code == 1) { this.ord...
2020-03-11 14:26:50
5141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人