前端
关注
分享
扫一扫
文章平均质量分 62
ic_xcc
这个作者很懒，什么都没留下…
展开
-
解决vue-print插件打印时表格宽度无法撑满自适应
最近帮同事解决一个前端页面布局问题，技术背景vue+elementui，出现问题如下：点击详情表格布局一切正常（列数不固定，估计后端返回决定）点击打印之后的表格出现不能撑满，多出空白列的情况。未点击打印时布局展示经过各种调试主要解决由：tableLayout属性用来显示表格单元格、行、列的算法规则①auto：（默认值）列宽度由单元格内容设定；②fixed: 列宽由表格宽度和列宽度设定；③inherit：规定应该从父元素继承table-layout属性的值。/设置表格...原创 2021-07-16 14:46:27 · 11221 阅读 · 2 评论 -
vue有关elementui form表单rules验证问题，有值却仍然显示不通过
帮同事解决一个vue表单验证的问题，利用了rules，但是填完内容还是一直提示不能为空的错误，情况如下图所示：1、检查:rules ref，例如本黎:rules="rules" ref="reluForm"是否与data中定义的一致2、检查prop值与绑定的属性一致，例如本例中prop="title"中title与data中rules规则绑定的属性一一对应3、检测表单是否一致，例如本例中:model="addForm"与data中定义的表单名是否一致以上都检查过没有问题<el原创 2021-07-15 17:48:08 · 21164 阅读 · 6 评论 -
利用echarts模仿WHO做疫情展示图II--X/Y轴区域内展示更多信息
接上回项目页面需求更改，需要默认展示更多信息内容，于是提出两种展示方式，第一：在x轴展示区域内加一个类似表格方式展示疫情标题信息；第二：将该展示内容放在对应的y轴区域展示，即一个在X坐标轴以下，一个在X轴以上。利用官网案例演示的大概效果如下所示：在Y轴对应区域展示（不同于在tooltip，是可以同时存在的另外一种展示形式）我的实现大致如下：一、echarts的富文本标签实现参考链接echarts的富文本标签实现原理大致实现上述效果多行内容换行展示：换行展示内容展示框主要.原创 2021-05-31 14:50:52 · 431 阅读 · 1 评论 -
js定时器的运用思考
昨天突然接到一个小要求，需要用js完成，让自己好搞了一阵，由此记录一下此次任务心得。任务需求如下：先上完成后代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> <div>原创 2021-03-03 10:24:27 · 162 阅读 · 0 评论 -
利用echarts模仿WHO做疫情展示图
近期接的一个小任务，模仿WTO关于疫情数据展示图例，利用echarts完成各项需求，其中也有踩坑记录,首先展示一下阶段性图示如下：基本实现的效果利用：1.datazoom动态展示多数据量图表2.x轴需要展示时间的同时绑定每天官方发布的措施和政策3.点击坐标的措施和政策需要出现展示框，显示具体内容政策就以上需求有一些小的心得记录一下。首先附上一些参考的博文，都是综合各篇博文写出来的，最后代码附在最后WHO原型datazoom参数详细讲解小米商城同款轮播图js动态原创 2021-02-25 16:47:48 · 314 阅读 · 0 评论 -
引用百度地图API完成热力图
近期肺炎疫情信息闹的火热，就该情况完成来沪人员分布热力图以及标注确诊患者足迹。就开发研究中遇到的问题以及解决方案做一下记录，如下所示：一、效果示意图简述完成效果：百度地图引入，增加热力图，添加比例尺，添加缩放平移控件，增加标注，窗口提示等，具体实现和关键代码描述如下。二、引入百度地图，增加热力图显示2.1官网申请账号，申请密钥需要调用百度地图需要先登录官网百度平台官网注册，...原创 2020-02-24 16:45:27 · 10047 阅读 · 0 评论 -
vue Excel流文件下载接口乱码问题及解决方法
最近用vue需要接后台Excel流文件下载的接口，一路遇见的问题记录一下问题一：get请求方式，postman测试用json格式传参数方式能测通下载文件但使用params放参数接口连接报400问题解决方式：不算实质找到问题，最后将接口更改为了post请问方式，可能猜想因我的参数为字符串且字符串内含有特殊字符，以get明文传参方式识别出现了问题（如有解决求大佬告知）问题二：接口连通，但返...原创 2019-12-20 15:28:41 · 4166 阅读 · 2 评论 -
Vue 对象类型动态添加属性和值
一、导入vue.jsimport Vue from 'vue'二、对象的定义data() { return { agsButton:{ "key": value }, }; },三、...原创 2019-12-20 14:35:31 · 1937 阅读 · 0 评论 -
vue a链接点击下载文件
vue前端点击某个a便签需要下载对应文件代码，href为下载路径，download为下载文件名<a href="./static/file/上传文件字段要求.docx" download="下载时文件名.docx">点击显示名</a>其中下载文件路径放在公共文件夹下...原创 2019-11-09 17:07:07 · 24398 阅读 · 5 评论 -
Echarts多行数据折线图纵坐标与实际显示值不一致
最近项目使用到Echarts的折线图时发现一个问题，单条数据折线图不存在，多行数据的折线图出现纵坐标的实际显示值不一致的问题，查找资料发现注释或去掉原生折线图中的stack:'总量'即可解决问题。stack: '总量'错误显示如下图：更改位置如下图：更正显示如下图：...原创 2019-11-06 15:59:21 · 2354 阅读 · 2 评论