vue2可视化大屏浏览器自适应响应
2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式
vue2学习笔记のVue核心
2024-02-21超详细vue2学习笔记加代码理解!
Naive UI——一个 Vue 3 组件库(Naive UI的安装和使用)
2024-02-20注意:naive-ui 仅支持 Vue3。如果你在使用 vue2,可以去看看别的库。_navie ui
创建vue2项目
2024-02-20创建vue2项目_创建vue2项目
vuedraggable由vue2版本升级vue3版本遇到的问题
2024-02-191、vue3 vuedraggable报错TypeError: Cannot read properties of undefined (reading ‘updated’):这个一般是因为插件使用语法有问题,vue3版本的插件使用时,v-for不能。2、报错 draggable element must have an item slot:这报错也是因为没有写item插槽,按照上面的语法写了插槽后,这报错就能解决。上面示例中div上面的元素已经注释,仍会出错。以上是插件最简几行代码,这四行不能缺失。_item slot must have only one child
如何在vue2里面使用echarts
2024-02-17data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']第五步写echatr使用的时候直接使用this.$echarts.xxx就可以了。-- 为 ECharts 准备一个定义了宽高的 DOM -->ok,如果你想使用其他的示例图表可以去官网替换掉 option里面的东西。// 基于准备好的dom,初始化echarts实例。// 使用刚指定的配置项和数据显示图表。3. 使用 -main.js(在这里使用第二种)第三步在main.js(在这里使用第二种)_vue2 使用echarts
【vue2】axios请求与axios拦截器的使用详解
2024-02-16在vue中使用axios与axios拦截器的方法(全家桶之一)_axios请求
vue3的基本使用(超详细)
2024-02-162020年9月18日,vue3发布3.0版本,代号大海贼时代来临,One Piece特点:无需构建步骤,渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)开发桌面端、移动端、WebGL,甚至是命令行终端中的界面什么是hook函数: 本质是一个函数,把setup函数中使用的Composition API进行了封装类似于vue2.x中的 mixin。......_vue3
vue:antV | G6的超级详细使用(包括基本使用、示例使用、自定义节点以及增删改查功能的灵活应用)
2024-02-13一文掌握G6的详细使用(包括基本使用、示例使用、自定义节点以及增删改查功能的灵活应用)_vue2 安装 antv g6
day40-43-vue2.js-路由VueRouter-Vuex状态管理-Axios异步
2024-02-13vue2基础语法,vue-cli工程化,vue组件开发,VueRouter路由技术,Vuex状态管理技术以及Axios异步请求技术