自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除