半度纳的博客

Vue列表自动滚动。

首先运行npm install --save @amap/amap-vue，下载资源 在main.js里添加配置。在vue页面添加代码。

通过设置Y轴坐标位置和定位索引来实现双Y轴的效果。

通过引入Echarts来实现渐变圆边柱状图效果，话不多说直接上样式代码！

自定义隔行变色样式（适用于 el-row中），通过判断是奇数偶数来使用不同的class样式；

通过echarts来实现柱状图的效果，echarts是针对数据报表等展现的一个产品，具体了解看官方网站：Echarts官网，在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性，去识别图表的各个部分的专业名称，才能从它API中获取相应属性去实现你想要效果!

其中UI框架使用的是iview UI , 在子组件中利用 this.$parent.getList() 调用父组件中的 getList() 方法, 发现调用不到该方法, 然后通过 this.$parent.$parent.getList() 就可以调用到。2、使用$parent触发父组件　　 更新数据是由某个方法触发，如getList()

接收后端传的json数据，数据格式为数组对象嵌套数组对象再嵌套对象，需要将每个数组对象遍历后取出想要的数据，通过forEach()方法来实现遍历、赋值。

el-table中使用 :span-method="objectSpanMethod"方法。需要将el-table表格第一列相同的内容进行合并。methods内部处理。

等编译后的文件会出现在项目中的“dist”文件夹中，即打包完成！常见问题：dist文件夹下的东西就是需要部署的项目，但是遇到问题：index.html页面出现一片空白，右键检查network发现一堆错误。

安装Node.js :● 为了使用npm，首先需要下载Node.js安装包，下载地址可参考： – https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi – https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi – https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node- v16.14.2-x64

高德地图实现轨迹回放的方式之一：使用高德地图官方中UI组件库中的轨迹展示。通过轨迹展示创建巡航器，实现轨迹回放，下面展示HTML以及Vue的高德轨迹回放，可以点击下方链接直接进入高德开发平台！高德开发平台。

在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性，去识别图表的各个部分的专业名称，才能从它API中获取相应属性去实现你想要效果。