yangxx99-CSDN博客

原创 el-date-picker初始赋值后点不了

el-date-picker初始赋值后点不了用element-ui的DatePicker 日期选择器时，需要显示默认值，所以需要初始赋值，开始我是直接赋值，如下let date = new Date();this.formData.energyYear= ''+date.getFullYear() //获取当前年这样写后就只显示2021，然后选择就点不动了，没反应最后才知道是赋值问题let year=''+date.getFullYear()this.$set(this.formData,'

2021-07-08 16:47:15 2787

原创 el-table中点击el-switch没效果

el-table中点击el-switch值是改变了，但是滑块不能左右滑动记录下本菜鸟遇到的基础问题<el-table-column label="开关" width="60%" align="center"> <template slot-scope="scope"> <el-switch v-model="scope.row.state" active-color="#62B4D0" inactive-color="#8a93

2021-05-06 16:59:43 4899

原创 echarts 多个图表自适应大小

echarts 多个图表自适应大小一个简单的问题，结果花费了我一小时，都怪我太菜????，看看我的踩坑之路，看看你是否有同感1.首先是网上查到的// 监听 window 窗口大小变化的事件window.onresize = function() { // 调用 echarts 实例对象的 resize 方法 myCharts.resize()}// 或者简写// window.onresize = myCharts.resize2.用了之后发现不行，只有一个图表自适应了，其他不变，

2021-04-28 10:11:57 1424 6

原创 Echarts中国地图json文件，去除诸岛

Echarts中国地图json文件我是用的json格式的文件axios调用的首先创建一个js文件import axios from 'axios'// 获取GeoJSON数据export const getGeoJson = (type, name) => { if (type === 'country') return axios.get('/china.json') //写自己文件的相对路径}然后在页面中引用import { getGeoJson} from '../js

2021-04-27 15:46:43 7916 15

原创在echarts地图上显示不为0数字

在echarts地图上显示不为0数字1.先看下echarts地图map的配置项series: [ { name: mapName, // 系列名称 type: 'map', map: mapName, // 同 registerMap 方法的第一个参数一致 zoom: 1.2, // 当前视角的缩放比例 zlevel: 1, // 用于 Canvas 分层，不同zl

2021-04-24 10:18:01 870

原创在vue中返回axios的return值，很容易undefined

获取axios的return值1.如果直接在.then里return，得到的值就是undefined，如下map(){ let a=[] mapChina().then(res=>{ //调用axios自己封装的接口 a=res }) return a}const b=this.map() //结果是undefined因axios返回值是异步操作，获取返回值时，请求操作还未完成，就已经执行了赋值，导致结果位undefined2.解决方法使用async….await，asy

2021-04-23 16:05:19 7837 1

原创记录echarts踩坑问题

vue中父组件向子组件echarts传值问题问题：当父组件传值给子组件echarts时，发现子组件获取的props为空，刚开始以为是钩子函数放错了地方，后来发现从mounted和created都不行。当在父组件data定义传递的数据的时候子组件显示正常原因：后来经过排查，此处省略N字，发现echarts是在渲染的时候就传递数据解决方案：在父组件定义一个flag，当数据获得的之后再进行子组件的渲染父组件用flag判断<line-chart v-if="flag" :chart-data="li

2021-03-12 14:53:16 283

原创数组内对象根据某两项属性排序

数组内对象根据某两项属性排序在工作中遇到了要对数组内对象排序，并且是双重排序，现记录下function compare(property1,property2){ return function(a,b){ var value1 = a[property1]; var value2 = b[property1]; if(value1 == val

2021-03-08 10:03:41 349

原创 rabbitmq+vue实现stomp协议消息推送

工作中遇到了，记录下先下载插件npm install stompjs在组件中引用import Stomp from 'stompjs'程序代码destroyed(){ this.disconnect() },methods:{ onConnected(frame) { console.log("Connected: " + frame); var topic = 'stomp'+ t

2021-01-15 15:37:23 976 2

yangxx的博客