分类:vue

vue开发笔记

vue项目报错Cannot find module 'webpack/lib/RuleSet'

vue项目报错Cannot find module 'webpack/lib/RuleSet'
2024年04月05日更新解决思路 如果是项目在其他人的电脑上可以正常运行,但是在自己的电脑上运行报错的话,可是试试pnpm i 安装依赖试试,pnpm通过使用更严格的依赖解析策略和创建依赖的符号链接来避免版本冲突 pnpm的安装与使用 其他的可能 vue项目在本地调试打包没有问...

yekong 9个月前 (04-05) 喜欢

vue 结合vue-seamless-scroll实现列表滚动

vue 结合vue-seamless-scroll实现列表滚动
vue 数据可视化大屏 项目中要求列表可以自动滚动,当前使用的是vue2实现的效果,如果要使用vue3的话,可以通过vue3 使用vue3-seamless-scroll实现列表无缝滚动插件实现. 安装依赖 # vue3 # yarn yarn add @meruem117/v...

yekong 9个月前 (04-01) 喜欢

vue3项目网页标题跟随路由变化

vue3项目网页标题跟随路由变化
要实现在切换到不同路由时,网页标题显示为对应路由的标题,你需要在 Vue Router 中配置导航守卫 (Navigation Guards) 来动态修改页面标题。在你的代码中已经有了路由配置,现在我们需要在这个基础上添加导航守卫。 下面是如何实现的步骤: 安装 Vue Rou...

yekong 9个月前 (03-31) 喜欢

openlayers4和3版本的区别

openlayers4和3版本的区别
OpenLayers 4 是 OpenLayers 3 的自然升级版本,主要维持了 OpenLayers 3 的核心功能和架构,同时引入了一些改进和新特性。虽然具体的版本更新日志中会详细列出所有的变更,但通常,主要区别和改进点包括性能优化、API 的微调、新功能的添加以及对新的浏...

yekong 9个月前 (03-27) 喜欢

vue阻止默认滚动事件

vue阻止默认滚动事件
在Vue中阻止默认滚动事件,可以通过以下几种方法实现: 使用事件修饰符:在模板中,可以直接使用.prevent事件修饰符来阻止默认事件。例如,如果要阻止遮罩层上的滚动事件,可以在@touchmove事件上使用.prevent修饰符,如@touchmove.prevent。 ...

yekong 9个月前 (03-24) 喜欢

vue 获取当前屏幕高度

vue 获取当前屏幕高度
在Vue中,获取当前屏幕的高度可以通过访问window.innerHeight属性来实现。这个属性提供了浏览器窗口的视口高度,不包括工具栏和滚动条。你可以在Vue组件的mounted生命周期钩子中获取这个值,因为在这个阶段,DOM已经被渲染和挂载,可以确保window对象是可用的...

yekong 9个月前 (03-23) 喜欢

vue axios下载pdf文件乱码空白postman可以

vue axios下载pdf文件乱码空白postman可以
vue项目开发中,需要请求下载pdf文件,在postman里测试可以正常打开,但是vue下载后的文件乱码打开空白。 postman正常 vue不正常 排查原因 排查发现请求接口返回的结果来看,request结果是MockXMLHttpRequest方式,并且responseT...

yekong 9个月前 (03-23) 喜欢

高德地图如何使用极夜蓝主题色

高德地图如何使用极夜蓝主题色
高德地图会遇到需要自定义地图主题色的情况,但是高德地图给开发者自定义主题色的免费额度只有1个,这里我们会尽量使用高德地图提供的基础模板。 高德自定义地图主题色 高德地图主题色介绍 基础主题色列表 标准(normal):使用标准样式,可以通过设置地图的mapStyle属性为&qu...

yekong 9个月前 (03-21) 喜欢

vue2 使用Glide.js实现图片轮播

vue2 使用Glide.js实现图片轮播
可视化数据大屏 开发过程中,需要一个卡片轮播的效果,一开始是想使用swiper的,但是这个swiper可能是版本太多了,兼容问题也多了,各种出错,所以就想找一个简单点的能实现效果就行的插件。于是找到了Glide.js 效果截图 演示地址 vue2 使用Glide.js实现图片轮...

yekong 9个月前 (03-18) 喜欢