2024-02-21前言本功能基于springboot和vue技术架构。springboot后台接口编写从数据库导出下载首先我们会用到的一个开发工具，hutool，引入其依赖： <!--hutool：工具类用不起的注意升级jar包版本或者降低版本，一般都是升高--> <dependency> <groupId>cn.hutool</groupId> <artifactId>huto_前后端导出excel表格

https://www.qianduange.cn//article/2438.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识

2024-02-21注意：需要使用import * as echarts from ‘echarts’，不能使用 import echarts from ‘echarts’，否则会报错。的文字内容显示一些没有显示，盲猜没有显示的原因是因为文字太长了，刚好原型里面 X 轴的字需要倾斜，查询文档 xAxis里面有个 axisLabel 可以配置实现。series里itemStyle的这个属性，可以设置样式，通过color设置渐变色，barBorderRadius设置圆角。在setup中引入安装echarts。_vue3引入echarts

https://www.qianduange.cn//article/2427.html 分类：前端知识

2024-02-21不过还有个问题得说一下，很明显，我用了elementplus作为UI框架，我特别喜欢el-card这个组件，所以很多时候我都用它来做布局，但是我在用的时候，发现我很难掌握它的布局规律，尤其是在结合echarts画图的时候，各种dom相关的问题层出不穷，所以我不得不放弃使用el-card，二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高，这个问题一般出现在设置dom节点的宽和高时，用了百分比形式，ECharts的宽高默认是以像素为单位的，并不能直接使用百分比来设置。_uncaught (in promise) error: initialize failed: invalid dom.

https://www.qianduange.cn//article/2426.html 分类：前端知识

2024-02-21这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 vue、vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。_vue 2.9.6支持哪个版本webpack

https://www.qianduange.cn//article/2425.html 分类：前端知识

2024-02-21遇到的问题：在vue项目中npm如何设置仓库地址呢？_npm 设置仓库

https://www.qianduange.cn//article/2424.html 分类：前端知识

2024-02-21在 vue 项目中，经常需要处理文本内容过长的情况。本文将介绍如何使用 vue 和 Element UI 实现文本超出长度时显示省略号，并且鼠标移上后展示全部内容的效果。通过本文，你已经学会了如何使用 vue 和 Element UI 实现文本超出长度显示省略号，鼠标移上悬浮展示全部内容的效果。这种效果可以提升用户体验，特别是在处理长文本内容的场景中。希望本文对你在 vue 项目中实现文本省略号和 Tooltip 效果有所帮助。如果你有任何问题或疑问，欢迎留言讨论。_element超过的字符省略

https://www.qianduange.cn//article/2423.html 分类：前端知识

2024-02-21【代码】vue3中，封装el-select选择器组件(二)——filterable模糊搜索、watch用法、nextTick用法、toRefs用法、sessionStorage取值、设置基准地址apiUrl。_el-select模糊查询

https://www.qianduange.cn//article/2422.html 分类：前端知识

2024-02-21超详细vue2学习笔记加代码理解！

https://www.qianduange.cn//article/2421.html 分类：前端知识

2024-02-21深度监听是指不仅监听对象或数组本身的变化，还监听其内部嵌套属性或元素的变化。vue中提供了一个选项deep，用于开启深度监听。当deep选项被设置为true时，vue会递归地遍历所有属性，监听它们的变化。深度监听是vue.js的一个有力特性，允许你在对象或数组的嵌套属性变化时做出响应。通过deep选项，你可以在数据结构的任何层次上实现深度监听，提高了vue应用的灵活性和响应性。深度监听在处理复杂的数据结构、实时数据同步和用户界面的动态性等方面都非常有用，是vue.js的一项重要工具。_vue深度监听

https://www.qianduange.cn//article/2420.html 分类：前端知识