初识 vue 3,使用Hbuilder X 开发工具初建项目
2024-02-22简单介绍了vue3 ,以及如何利用开发工具创建第一个vue3项目文件。_hbuilderx vue3
【vue2】计算属性(computed)与侦听器(watch)详解
2024-02-22【vue2】计算属性(computed)与侦听器(watch)详解。计算属性两种写法:①默认get()类型②get()与set()类型搭配使用侦听属性的两种写法:①值类型②引用类型计算属性与侦听属性的总结对比_vue2 computed
配置代理服务器
2024-02-22vue脚手架配置代理方法一。_devserver配置代理
vue前端 页面样式强制覆盖
2024-02-22前端页面样式强制覆盖_vue里页面样式覆盖全局样式
vue.config.js 配置报错 ValidationError: Invalid options object.
2024-02-22vue.config.js 配置报错 ValidationError: Invalid options object._validationerror: invalid options object. dev server has been initialized usi
前后端分离实现excel批量导入导出功能
2024-02-21前言本功能基于springboot和vue技术架构。springboot后台接口编写从数据库导出下载首先我们会用到的一个开发工具,hutool,引入其依赖: <!--hutool:工具类用不起的注意升级jar包版本或者降低版本,一般都是升高--> <dependency> <groupId>cn.hutool</groupId> <artifactId>huto_前后端导出excel表格
vue2可视化大屏浏览器自适应响应
2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式
vue3项目如何使用echarts
2024-02-21注意:需要使用import * as echarts from ‘echarts’,不能使用 import echarts from ‘echarts’,否则会报错。的文字内容显示一些没有显示,盲猜没有显示的原因是因为文字太长了,刚好原型里面 X 轴的字需要倾斜,查询文档 xAxis里面有个 axisLabel 可以配置实现。series里itemStyle的这个属性,可以设置样式,通过color设置渐变色,barBorderRadius设置圆角。在setup中引入安装echarts。_vue3引入echarts
解决vue3 echarts关于无法获取dom宽度和高度的问题
2024-02-21不过还有个问题得说一下,很明显,我用了elementplus作为UI框架,我特别喜欢el-card这个组件,所以很多时候我都用它来做布局,但是我在用的时候,发现我很难掌握它的布局规律,尤其是在结合echarts画图的时候,各种dom相关的问题层出不穷,所以我不得不放弃使用el-card,二是自己用div来做布局。第二个报错是说不能获取到echarts对应dom的宽或高,这个问题一般出现在设置dom节点的宽和高时,用了百分比形式,ECharts的宽高默认是以像素为单位的,并不能直接使用百分比来设置。_uncaught (in promise) error: initialize failed: invalid dom.
vue、vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
2024-02-21这些指南只是一些常见的版本兼容性指南。在实际项目中,取决于具体的应用场景和使用的组件库,不同版本之间可能还存在其它的兼容性问题。因此,我们建议使用最新版本的 vue、vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时,在使用前应该先了解相应版本的官方文档和版本兼容性指南。_vue 2.9.6支持哪个版本webpack