vue项目技术点总结（2020.05）

1 一维数组给二维数组赋值

将一维数组内容按顺序赋值给不规则的二维数组（一维数组的长度与二维数组里的数组长度之和相等，且二维数组内的一维数组长度各不相同），如下；

一维数组给二维数组赋值（总长度相同）

2 浏览器图片缓存问题

问题：从接口获取图片流，图片改变后按照路径查看为新图，vue项目中显示依然为之前图片；
原因：浏览器的图片缓存；
解决方案：在图片路径后面拼接时间戳，使每次路径均不相同，浏览器就不会取缓存内容；

3 获取天数时间差

获取两个日期的时间差

4 echarts相关

①比例图（饼状图、环形图）百分比保留整数

echarts比例图百分比保留整数

②比例图（饼状图、环形图）轮播高亮

需设置图例，比例图按图例顺序切换

this.typeOption.legend.data = legendData;//legend.data 赋值

5 value-key 的使用

某些时候el-select 选择后需要同时获取value和label值，故v-model需绑定整个对象，此时需指定value-key作为标识内容；value-key 与option中的key名称相同，注意绑定value-key 不需要用“：”绑定，用法示例如下：

value-key使用