03 2021 档案
摘要：前言：项目需要，需要画一段数据的折线图，折线图根据正常数据和异常数据显示两种颜色的线，并且在鼠标经过异常线横坐标时，标记该点往后的十个点组成的线，标记可以有很多方式: 1,第一个点和最后一个点做标记markPoint,2,第一个点到第十个点做区域阴影markArea，3，第一个点和第十个点都变颜色.
阅读全文
摘要：axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定， 例如以下写法是vue2引入axios的写法 import Vue from 'vue' import axios from ‘axios’ Vue.prototype.$http = a
阅读全文
摘要：前期准备 Echarts.vue文件 <template> <div :id="id"></div> </template> <script> import echarts from 'echarts' import chinaJSON from '@/assets/data/chinaMap.js
阅读全文
摘要：重点在js部分, 此文一个是记录elementui表格多行合并，第二个是记录合并后序号如何显示，如果序号不处理，那可能就是1，3，7，9......等这样的，只有处理之后才是1，2，3，4.....这样的。最后面是图，可以看效果。 html部分写的比较简略， <el-table :data="tem
阅读全文
摘要：在APP.vue中写页面关闭时触发的方法， navigator.sendBeacon方法可以搜索文档具体用法，它支持的传参形式是有限制的。 mounted(){ //页面打开注册关闭事件 //unload //onbeforeunload let url = xxx/xxx/xxx window.a
阅读全文
摘要：mixin混入页面方法，且只在切换到当前窗口时执行，离开时销毁 track.js export default { mounted() { console.log('挂载') this.track() document.addEventListener('visibilitychange', thi
阅读全文
摘要：elementui数据验证，出现问题时自动定位跳到改问题位置 that.$refs.editForm.validate((valid, object) => { console.log("valid,", valid, object) if(valid){ //调接口等一系列操作...... }el
阅读全文
摘要：需求：故障部件只有在案件状态为2时才是必填项，这时候验证的方法就需要一定条件下添加，这里前面只需要控制:required="ifWriteFaultPart"就可以了， <el-form-item label="故障部件" label-width="120px" ref="faultPart" pr
阅读全文
摘要：使用a标签下载文件的时候设置下载文件的文件名 给a标签加一个download属性 可以设置下载下来的文件的文件名 注意：下载的地址域名和访问网站的域名是同源 否则设置无效
阅读全文
摘要：当使用echarts折线图时，每个数据会打点，在数据量小的时候，美观又快捷，但是当数据量过大时，会非常的卡，以及不美观 例如： series: { symbol:'circle', } 可以设置只在鼠标移入时打点 可以如下设置： series: { symbol:'circle', showSymb
阅读全文
摘要：原因：动态获取的数据，会出现这样的问题，例如我遇到的数据： 从后端动态获得的数据： let obj = { "2019-09-11 2:00:00": 181.95, "2019-09-11 13:00:00": 186.34, "2019-09-11 14:00:00": 194.06, "201
阅读全文
摘要：我们在项目中，遇到echarts纵坐标自适应最大值与实际最大值相差太多，导致纵坐标太高 这个时候我们可以设置他的纵坐标的最大值 yAxis：{ max: function(value) { console.log("value",value.max) //正常情况下已经可以拿到最大值了，下面的处理是
阅读全文
