效果echarts项目vue
vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错； 报错截图示例如下： Component name "******" should always be multi- ......
elementUI使用echarts的空气质量地图统计
准备工作： 前端安装：yarn install echarts 、 yarn install vue-baidu-map --save 前端在public文件夹下的index.html中 head标签中加入： <script src="https://api.map.baidu.com/api?v= ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果
今天在写一个选择器的时候出现一个问题 这个功能需求是：通过选择器选择不同的选项，点击查询按钮发送请求，并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能，却出现一个很搞笑的bug。在我选择一个选项点击查询，本应该显示结果的div没有显示出来，而在选择一个其他选项，不需要点击查询 ......
设计、施工项目成果汇报还在用截图、工具软件录屏？图新说软件新推出高清截图、漫游录屏功能
工程设计施工领域，项目成果汇报是非常重要的一环。然而，许多设计师和施工方还在使用传统的截图或借助软件录屏的方法来展示他们的方案设计成果、施工进度结果。这种方法不仅效率低下，而且很难准确地传达设计理念和施工效果。 为了解决方案汇报难题，中科图新地球打造图新说软件，专门用于三维可视化方案汇报，可以很好的 ......
word在线预览1.直接预览-格式问题（效果差）2.使用微软接口或第三方收费接口（必须是外网，可访问链接）
1. 先介绍第一种方案（纯前端） npm install 以下依赖 --save "@vue-office/docx": "^1.3.0", "@vue/composition-api": "^1.3.0", "vue-demi": "^0.14.5", <template> <div class= ......
vue 项目加水印---canvas画图法
搬运 蛙蛙 大佬的文章（做了写自己的补充） 文章链接：https://segmentfault.com/a/1190000022055867，怕以后找不到了 一：创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
Vue项目原本原本http请求变成了https
Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
Apache ECharts简单介绍及入门案例
## 1. Apache ECharts ### 1.1 介绍 Apache ECharts 是一款基于 Javascript 的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。 官网地址：https://echarts.apache.org/zh/index.html ![ ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
直播平台软件开发，vue-全局过滤器时间
直播平台软件开发，vue-全局过滤器时间 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
Echarts 在页面中给每个饼图设置标题并显示
要直接在页面中给每个饼图设置标题并显示，你可以使用Echarts的graphic组件来实现。graphic组件允许你在图表上添加自定义的图形元素，包括文本元素。以下是一个示例： option = { graphic: [ { type: 'text', left: '25%', top: '50%' ......
Echarts series里面多条也就是多个饼图，怎么设置，让所有饼图都显示
在Echarts中，饼图（pie）类型的series是没有坐标系的，它是以圆心为基准绘制的。因此，你无需设置坐标系来让多个饼图都显示。 但是，如果你想要在一个图表中显示多个饼图，你可以通过使用多个series来实现。每个series代表一个饼图，并且可以通过不同的半径、位置、大小等参数来区分它们。下 ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
打造顶尖微服务项目！解锁四种持久化工具的酸爽奇迹！
给你们分享一下我目前经手的一个SpringCloudAlibaba微服务项目带来的酸爽体验。今天，我姑且把持久层的酸爽感受同诸位交流一二，让诸位知晓编程领域之浩瀚广阔，帮诸位开拓一下视野。 ......
Vue 重置data的数据为初始状态操作
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......
NineData中标！移动云数据库传输项目（2023）
近日，玖章算术NineData智能数据管理平台成功中标《2023年移动云数据库传输服务软件项目》，中标金额为406万。这标志着玖章算术NineData平台已成功落地顶级运营商行业，并在数据管理方面实现了大规模应用实践。 NineData中标2023移动云数据库传输项目 关于移动云 移动云作为云计算国 ......
20.贪吃蛇，GUI最后的项目
总结： 1. 1.定义数据 2.画上去 3.监听事件 键盘事件 （动作）事件 2. 把一个大项目分成很多个小项目，依次完成小项目即可，掳清思虑路！ ``` package snake; import javax.swing.*; // 主界面, 正常的游戏界面都应该在面板上 public class ......
Vue+SpringBoot项目分离部署踩坑记录
昨天花了一晚上终于成功部署了个人网站，在这个过程中踩了很多坑，现在回顾总结记录一下，以免今后继续犯错误 前端：Vue 后端：SpringBoot 数据库：Mysql 一、前端 1、前端项目采用Nginx进行部署，其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
【算法】在vue3的ts代码中分组group聚合源数据列表
有一个IList<any>()对象列表， 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
vue-draggable跨iframe拖拽
### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
IDEA修改SpringBoot多模块项目设置提示“Module A must not contain source root B. The root already belongs to module B”的解决办法
“Module A must not contain source root B/java/src/. The root already belongs to module B”的解决办法 ......
ChatGPT 问答00020 使用java实现：根据网站URL,得到网站的初始化渲染后效果图
如果你使用Maven项目，可以添加以下依赖项来使用Selenium和WebDriver： ```xml org.seleniumhq.selenium selenium-java 4.11.0 io.github.bonigarcia webdrivermanager 5.4.1 ``` 这些依赖项 ......