分类:vue

vue开发笔记

vue2中setup中使用this.$emit报错

vue2中setup中使用this.$emit报错
vue2项目中在setup中使用this.$emit报错了。 this.$emit is not a function 在 Vue 2 中,如果使用了 Composition API 插件并且在 setup 函数中,this.$emit 是不可用的。你需要使用 setup 函数...

yekong 1年前 (2023-12-09) 喜欢

vue2 setup() 方法下如何获取props的值

vue2 setup() 方法下如何获取props的值
vue2项目开发中,有一个组件是用setup方法来写的,这里需要在setup里获取props的值. 在 Vue 2 中,可以在 setup 函数中直接获取 props 的值。props 是 setup 函数的第一个参数,它是一个对象,包含了所有传递给组件的 prop 的值。 以下...

yekong 1年前 (2023-12-09) 喜欢

vue2 3d轮播插件 - vue-carousel-3d介绍

vue2 3d轮播插件 - vue-carousel-3d介绍
vue2项目开发中,轮播时,会需要一些类似3d的效果,今天整理的插件:vue-carousel-3d一个3d轮播插件。如果是在vue3项目中运行的话可以使用:vue3 3d轮播插件 - vue3-carousel-3d介绍 插件效果截图 动态效果 api文档 vue2 3d轮...

yekong 1年前 (2023-11-30) 喜欢

vue2项目中Vuex获取更新store中的数据

vue2项目中Vuex获取更新store中的数据
vue2项目中跨组件传值会不方便,这里使用Vuex来获取更新特定的值。 首先安装依赖 pnpm i vuex 项目目录创建store文件夹并创建index.js src/store/index.js import Vue from 'vue' import Vuex from ...

yekong 1年前 (2023-11-27) 喜欢

vue实现序列帧动画

vue实现序列帧动画
vue 数据可视化大屏项目中,为了让页面看起来更加酷炫,会添加一些序列帧动画,这里使用的是css+雪碧图的方式来实现,我们也可以通过js加canvas的方式来实现序列帧。 将帧图片转为精灵图 将图片合成雪碧图并实现动画 html <div class="shuju...

yekong 1年前 (2023-11-21) 喜欢

vue echarts地图点击切换百度地图缩放返回echarts地图

vue echarts地图点击切换百度地图缩放返回echarts地图
数据可视化大屏项目开发中,需要实现一个效果,就是地图默认显示的是echarts地图,点击对应的地点后,会跳转到百度地图,百度地图缩放以后,重新显示echarts地图。 实现思路 准备两个组件,一个百度组件一个echarts地图组件,通过v-if进行切换。 当echarts地图被点...

yekong 1年前 (2023-11-10) 喜欢

vue3 自定义图标点击放大地图显示子图标移入后显示弹窗

vue3 自定义图标点击放大地图显示子图标移入后显示弹窗
vue 高德地图显示一级数据的图标,鼠标移入一级图标,显示标题,单击一级图标放大地图,双击一级图标显示弹窗。 当一级图标放大后显示二级图标,鼠标移入二级图标后弹出显示信息,地图缩小后二级图标移除。 图标根据状态显示不同的图标 演示地址 vue3 自定义图标点击放大地图显示子图标...

yekong 1年前 (2023-11-07) 喜欢

vue 项目中高德地图自定义覆盖物绑定自定义弹窗

vue 项目中高德地图自定义覆盖物绑定自定义弹窗
在之前的vue 项目中使用高德地图自定义图标覆盖物我们实现了自定义图标覆盖物,这里我们来给自定义覆盖物绑定自定义弹窗。 演示地址 vue 项目中高德地图自定义覆盖物绑定自定义弹窗 首先引入高德地图 在vue项目中的index.html中引入高德地图,这里的key需要自己申请。 ...

yekong 1年前 (2023-11-04) 喜欢