- 博客(6)
- 收藏
- 关注
原创 vue动态加载不同组件
在一个组件里,当遇到按不同条件加载不同子组件的情况时,是不是还在傻傻的用v-if、v-else-if、v-else、v-show来控制,其实可以用vue动态加载组件的方法来解决,简便且高效!
2024-09-29 16:41:09 230
原创 将el-pagination封装成全局使用的公共vue组件
el-pagination是element UI里常用的分页组件,因为在很多地方都用得到,为了提高开发效率,通常将其封装成一个能够简便使用的公共组件。创建一个Pagination.vue文件(这里顺便封装了很多属性,具体的属性说明,去element UI官网查看)然后在main.js文件里全局引用Pagination.vue。然后就可以在全局里随意使用啦。
2024-09-27 15:23:16 403
原创 OpenLayers如何给地图添加遮罩层
如图所示,遮罩层就是覆盖在地图上面的蓝色透明图层,但是中间是挖空掉的,挖空掉的部分就显示地图原本的样子。一些业务需求就是要这种效果,感觉只是在造型上起到作用吧(bushi)。(本篇文章前提是了解openlayers具体使用方法,关键词:遮罩层、图层反转、图层挖空)所以我们需要两个主要的数据,一个是遮罩层(相当于橡皮泥),一个是边界线(相当于磨具)大致原理其实就是:emm...上图!
2024-08-30 18:04:46 477
原创 OpenLayers如何设置图层闪烁效果并加载到地图上
给图层增加闪烁效果,具体的实现思路其实就是从图层的style入手,通过设置两个不同的style并结合定时器,最后加载在地图上即可。当然,通过设置不同的style,不仅可以实现闪烁,还可以自定义实现,如大小缩放、颜色变换等等一系列效果。(本篇文章前提是了解openlayers具体使用方法)总结一下:这里主要就是学习实现的思路,代码写来写去也就是那样。
2024-08-23 16:09:41 568
原创 关于给组件事件增加参数的解决办法(两种)
使用$event,新参数只能放在前后,即('新参数', $event),或者($event, '新参数'),注意,如果把新参数放在后边的话,写方法的时候,必须把原本所有参数都得列出来,不管用不用得到,不过写法简便。在外层嵌套一个函数,然后在函数里接收原本自带的参数再加上新参数,这个方法就比较自由了,你可以决定保留几个原本自带的参数,也可以决定新参数放在哪个位置都可以!在开发过程中,难免需要给组件绑定的事件增加一些额外的参数,以此来满足项目需求,这里总结了两种解决办法及其优缺点。
2024-08-16 10:11:06 238
原创 el-tree勾选自动展开子节点并触发@check-change事件
在el-tree里使用复选框的时候,当节点没有被展开时,点击复选框只会触发当前点击节点的@check-change事件,但是业务需求是需要点击节点时,能够展开所有子节点并且全部都触发@check-change事件。遇到的问题是,本来想在点击复选框的时候,获取到node, 通过node.expaned = true来实现节点展开,节点是展开了,但是不会再次去触发check-change事件了,达不到想要的效果。这样就可以保证既可以展开节点,也能触发选中事件!
2024-08-15 15:04:44 304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人