kyh419的博客

el-table想要设置底部合计行方法有很多，比如它自带的有一个show-summary属性，可以自动计算合计行并固定在底部，这确实很省事，但是这个属性并不能解决特定需求的问题，而且当表单数据量大的时候，每次请求表单都要计算合计行，也会影响性能，因此在大部分开发过程中，合计行都是通过后端返回的，我们需要做的是，如何将合计行固定在底部即可！

在一个组件里，当遇到按不同条件加载不同子组件的情况时，是不是还在傻傻的用v-if、v-else-if、v-else、v-show来控制，其实可以用vue动态加载组件的方法来解决，简便且高效！

el-pagination是element UI里常用的分页组件，因为在很多地方都用得到，为了提高开发效率，通常将其封装成一个能够简便使用的公共组件。创建一个Pagination.vue文件（这里顺便封装了很多属性，具体的属性说明，去element UI官网查看）然后在main.js文件里全局引用Pagination.vue。然后就可以在全局里随意使用啦。

如图所示，遮罩层就是覆盖在地图上面的蓝色透明图层，但是中间是挖空掉的，挖空掉的部分就显示地图原本的样子。一些业务需求就是要这种效果，感觉只是在造型上起到作用吧（bushi）。（本篇文章前提是了解openlayers具体使用方法，关键词：遮罩层、图层反转、图层挖空）所以我们需要两个主要的数据，一个是遮罩层（相当于橡皮泥），一个是边界线（相当于磨具）大致原理其实就是：emm...上图！

给图层增加闪烁效果，具体的实现思路其实就是从图层的style入手，通过设置两个不同的style并结合定时器，最后加载在地图上即可。当然，通过设置不同的style，不仅可以实现闪烁，还可以自定义实现，如大小缩放、颜色变换等等一系列效果。（本篇文章前提是了解openlayers具体使用方法）总结一下：这里主要就是学习实现的思路，代码写来写去也就是那样。

使用$event，新参数只能放在前后，即('新参数', $event)，或者($event, '新参数')，注意，如果把新参数放在后边的话，写方法的时候，必须把原本所有参数都得列出来，不管用不用得到，不过写法简便。在外层嵌套一个函数，然后在函数里接收原本自带的参数再加上新参数，这个方法就比较自由了，你可以决定保留几个原本自带的参数，也可以决定新参数放在哪个位置都可以！在开发过程中，难免需要给组件绑定的事件增加一些额外的参数，以此来满足项目需求，这里总结了两种解决办法及其优缺点。

在el-tree里使用复选框的时候，当节点没有被展开时，点击复选框只会触发当前点击节点的@check-change事件，但是业务需求是需要点击节点时，能够展开所有子节点并且全部都触发@check-change事件。遇到的问题是，本来想在点击复选框的时候，获取到node, 通过node.expaned = true来实现节点展开，节点是展开了，但是不会再次去触发check-change事件了，达不到想要的效果。这样就可以保证既可以展开节点，也能触发选中事件！