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方法来写的,这里需要在setup里获取props的值.
在 Vue 2 中,可以在 setup 函数中直接获取 props 的值。props 是 setup 函数的第一个参数,它是一个对象,包含了所有传递给组件的 prop 的值。
以下...
yekong
1年前 (2023-12-09)
喜欢
vue2项目开发中,轮播时,会需要一些类似3d的效果,今天整理的插件:vue-carousel-3d一个3d轮播插件。如果是在vue3项目中运行的话可以使用:vue3 3d轮播插件 - vue3-carousel-3d介绍
插件效果截图
动态效果
api文档
vue2 3d轮...
yekong
1年前 (2023-11-30)
喜欢
vue2 element ui table表格渲染数据时,需要渲染两级表格,先渲染一级表格,然后展开下拉后,再渲染二级表格。
<el-table
ref="singleTable"
:data="list"
b...
yekong
1年前 (2023-11-28)
喜欢
vue2项目需要使用element ui table的功能,但是需要修改样式,这里将实现方式记录下来。
<div class="table-container-case">
<el-table
ref="...
yekong
1年前 (2023-11-28)
喜欢
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 数据可视化大屏项目中,为了让页面看起来更加酷炫,会添加一些序列帧动画,这里使用的是css+雪碧图的方式来实现,我们也可以通过js加canvas的方式来实现序列帧。
将帧图片转为精灵图
将图片合成雪碧图并实现动画
html
<div class="shuju...
yekong
1年前 (2023-11-21)
喜欢
数据可视化大屏项目开发中,需要实现一个效果,就是地图默认显示的是echarts地图,点击对应的地点后,会跳转到百度地图,百度地图缩放以后,重新显示echarts地图。
实现思路
准备两个组件,一个百度组件一个echarts地图组件,通过v-if进行切换。
当echarts地图被点...
yekong
1年前 (2023-11-10)
喜欢
vue 高德地图显示一级数据的图标,鼠标移入一级图标,显示标题,单击一级图标放大地图,双击一级图标显示弹窗。
当一级图标放大后显示二级图标,鼠标移入二级图标后弹出显示信息,地图缩小后二级图标移除。
图标根据状态显示不同的图标
演示地址
vue3 自定义图标点击放大地图显示子图标...
yekong
1年前 (2023-11-07)
喜欢
在之前的vue 项目中使用高德地图自定义图标覆盖物我们实现了自定义图标覆盖物,这里我们来给自定义覆盖物绑定自定义弹窗。
演示地址
vue 项目中高德地图自定义覆盖物绑定自定义弹窗
首先引入高德地图
在vue项目中的index.html中引入高德地图,这里的key需要自己申请。
...
yekong
1年前 (2023-11-04)
喜欢