vue vite项目中引入glsl文件后会报错Unexpected identifier 'vec2'，我们需要配置一下vite-plugin-glsl。
安装依赖
pnpm i vite-plugin-glsl
编辑vite.config.js文件
import {defin...
2年前 (2023-03-25)
喜欢
vue数据大屏项目中我们可能需要安装两个不同版本的echarts
安装第一个echarts
pnpm i echarts
安装第二个版本的echarts
因为已经有一个echarts了，所以我们需要给第二个版本起一个别名，我需要安装一个3.8.5版本的echarts，给他定义一...
2年前 (2023-03-22)
喜欢
axios上传文件的时候，如果文件太大的话，就需要添加一个上传进度了解上传情况，所以我们添加一个进度提示，axios上传进度是通过onUploadProgress来获取的。
html
<el-dialog
title="上传文件到内部存储或SD卡1"...
2年前 (2023-03-16)
喜欢
vue3 vite项目进行接口调用的时候，会遇到跨域的问题，这时候就需要配置反向代理了。
vite 反向代理说明文档
反向代理说明文档
vite 反向代理配置代码
import {defineConfig} from 'vite';
import vue from '@vitej...
2年前 (2023-03-15)
喜欢
可视化大屏项目开发中，有一个需求高德地图上要覆盖一个自定义的地图图片，这个要和区域轮廓一致，但是当地图缩放的时候就会导致图片和轮廓不一致，这时候就需要监听地图的zoom了，当地图zoom和默认不一样的时候就隐藏这个图片。
that.map.on('zoomchange', ()...
2年前 (2023-03-13)
喜欢
vue可视化数据大屏项目开发时，使用高德地图会遇到绘制区域边界的情况，这里我们可以使用AMap.DistrictSearch加AMap.Polygon来绘制边界。
首先需要配置安全密钥，引用高德地图
<script type="text/javascript&...
2年前 (2023-03-13)
喜欢
vue使用高德地图district.search查询地区的时候返回no_data，这是因为没有配置安全密钥的原因，配置一下安全密钥就可以了。
关键代码
<script type="text/javascript">
window._AMap...
2年前 (2023-03-13)
喜欢
vue3实现鼠标拖动横向滚动，vue数据大屏开发，客户要求列表可以横向拖动，这里使用的better-scroll插件来实现自己想要的效果。
演示demo:vue3数据可视化大屏-科技管理大屏案例演示
/**
* @Author: 858834013@qq.com
* @Name...
2年前 (2023-03-01)
喜欢
数据可视化大屏 项目中很多地方都需要数字展示，为了不让页面看起来单调，数字经常需要添加一些滚动的动画效果。这里使用的vue3之前的组件不好用了，所以从新找了一个在vue3环境下可以用的组件。
安装依赖
npm install vue3-number-roll-plus --sav...
2年前 (2023-02-21)
喜欢
Vue 提供了 transition 的封装组件，可以给任何元素和组件添加进入/离开过渡；我们可以结合animate.css来实现我们想要的效果。animate动画可实现的效果有很多，我们可以查看animate.css演示。
安装animate.css
npm install a...
2年前 (2023-02-09)
喜欢
