分类:vue

vue开发笔记

vue 项目写一个下拉菜单效果

vue 项目写一个下拉菜单效果
vue项目开发中,经常会用到下拉菜单功能,我们经常会使用element这里ui组件来实现,但是在实际开发中经常要自定义样式,这里会遇到一些问题,比如下拉菜单的样式自定义困难以及一些选中白边处理问题,所以这里想着自己实现一个下拉,这样自己想怎么实现样式就可以怎么实现。 下拉动画...

yekong 1年前 (2024-02-02) 喜欢

element UI Loading 组件自定义字体大小

element UI Loading 组件自定义字体大小
vue 数据大屏项目开发中需要使用Loading组件,但是项目是个超大屏,element UI Loading提供的样式字体太小了,我们需要改大一些。 vue2项目 element ui组件 添加自定义类 这里我们添加一个自定义类 // 设置了5秒 可以按需配置 openFul...

yekong 1年前 (2024-02-02) 喜欢

vue 点击空白区域隐藏弹窗

vue 点击空白区域隐藏弹窗
在 Vue 中实现点击空白区域关闭弹窗的功能,通常的做法是监听 click 事件,并判断点击事件是否发生在弹窗的外部。以下是一个基本的实现步骤: 给弹窗的外层容器添加一个 ref 属性,例如 ref="popup"。 在弹窗组件的 mounted 钩子...

yekong 1年前 (2024-01-22) 喜欢

vue 高德地图根据两个经纬度生成轨迹

vue 高德地图根据两个经纬度生成轨迹
vue项目开发中,需要实现一个功能,根据两个经纬度点坐标,生成轨迹路线。 使用 AMap.Driving 类来创建一个驾车路线规划对象。需要提供两个参数:起点和终点的经纬度。这两个参数应该是 AMap.LngLat 类型的实例。 调用 AMap.Driving 对象的 sear...

yekong 1年前 (2024-01-22) 喜欢

高德地图3d模式下设置地图倾斜角度

高德地图3d模式下设置地图倾斜角度
高德地图3d模式下设置地图倾斜角度 要设置地图的倾斜角度,你可以使用setPitch方法。这个方法接受一个角度值(以度为单位),范围是0到83。以下是如何在地图初始化后设置倾斜角度的示例: mounted () { this.map = new AMap.Map(this....

yekong 1年前 (2024-01-05) 喜欢

gsap实现进度条加载效果

gsap实现进度条加载效果
数据可视化大屏项目开发中,需要一个进度条加载的效果,这里将实现代码记录下来。 动态效果 <template> <div class="progressBar"> <div class="progressB...

yekong 1年前 (2024-01-05) 喜欢

vue3 使用视频播放器 video.js

vue3 使用视频播放器 video.js
在Vue 3中,您可以使用video.js库创建自定义的视频播放器。video.js是一个JavaScript和CSS库,用于在所有流行的web浏览器中制作HTML5和Flash视频播放器。下面是一个简单的例子说明如何在Vue 3应用程序中使用video.js。 首先,您需要安装...

yekong 1年前 (2024-01-04) 喜欢