解决Vue3+vite项目DataV不能使用

最新推荐文章于 2024-05-30 19:11:38 发布
最新推荐文章于 2024-05-30 19:11:38 发布
阅读量5k 收藏 16
点赞数 10
分类专栏： vue3使用DataV做大屏项目 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43642135/article/details/125979920
版权

在使用Vue3+vite的项目的时候，想使用DataV做大屏，但是总数报错。在网上找了很久没找到方法解决。最后只能曲线救国，找到一个DataV的替代品。准确的说，是对现有DataV进行了修改。功能基本上和DataV一直。有需要的小伙伴可以了解一下。我把官网地址放到下面。

DataV Vue3+TS+Vite版 | DataV - Vue3

qq_43642135
关注
  • 10
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 20
    评论
专栏目录
Vue3 + Vite + TypeScript + dataV 打造可视化大屏
gladysdrea的博客
03-09 3383
Vue3 + Vite + TypeScript + dataV 打造可视化大屏
jiaminghi/data-view dataV for vite vue2 windows补丁 for pnpm
02-11
1.build或者dev项目时不报错，兼容vite2，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，其实就是底层node_modules位置不一样而已，...
VUE引入DataV报错记录
qq_15509267的博客
01-25 3350
类型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的参数不能赋给类型“Plugin
vue开发——可视化大屏
最新发布
weixin_70056219的博客
05-30 2097
利用vue做前端大屏时的总结及一些解决方法
vite+vue3+typescript 引入datav，报错
敲厉害的燕宝的博客
04-27 390
网上找了很多解决方案都不满意，但是有个牛人重写了用着不错！
Vite,Vue3项目引入dataV报错的解决方法
qq_42372534的博客
09-07 7672
背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的vue语法vue3也支持,所以可以直接在vue3中引入使用.
大屏可视化组件套装（DataV 支持vue 3,vite）
ybweb的博客
08-12 4240
DataV (vue3+ vite)
vue3使用大屏dataV详细教程
weixin_51958960的博客
02-03 7645
vue3使用大屏dataV详细教程
vite+vue3项目引入vue2版本的全屏容器dataV
weixin_45711931的博客
11-03 640
说明：因为现在dataV官网作者还没开发完全开发出支持vue3的包，所以目前想要使用dataV的全屏功能，只能够引入会报错的vue2版本，下面提供对应的解决方法。按以下路径打开两份文件并修改，将:key="i"提到template标签内保存。一般来说，第二个报错是用vite创建项目才会出现的。在vite.config.js中添加配置如下。这样，重启项目后就可以正常运行了。
datav Vue3+TS+Vite版.zip
04-02
标题 "datav Vue3+TS+Vite版.zip" 暗示了这是一个基于Vue3、TypeScript（TS）和Vite构建的数据可视化项目。这个压缩包可能包含了用于开发数据展示应用的所有源代码和配置文件。让我们深入了解一下这些技术及其在项目...
vue+echarts+DataV数据可视化系统源码.zip
06-08
7. **Webpack或Vite构建工具**：项目很可能使用Webpack或Vite作为构建工具，处理依赖的打包、模块的加载和优化，确保项目的顺利运行。 8. **路由管理（vue-router）**：项目中可能会使用vue-router进行页面路由管理...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，执行npm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for cnpm
02-22
1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过...
基于 vue3、vite、Echart 框架的大数据可视化（大屏展示）模板
10-28
本项目基于Vue3、Vite和ECharts框架构建了一个专门用于大数据可视化的模板，适用于大屏展示。以下是关于这些技术和如何在项目中应用它们的详细解释。 首先，Vue3是Vue.js的最新版本，它提供了许多性能优化和开发...
vue3+vite+dataV问题
lucker_y的博客
08-16 407
报错：TypeError:Cannot read properties of nul (reading '$el )；如下图 解决：查了半天资料，后来看到dataV不支持vite，-_-
数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia
weixin_42424283的博客
12-06 4557
本着学习vue3+ts技术栈的目前，敲了这个项目。主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、 tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差，正确的数据请到相关网站查阅,此项目主要的侧重于前端技术站栈的练习,不在于数据本身。注意：本地dev已经配置好vite代理，部署到nginx请设置nginx代理才能调用163疫情接口此项目源码于github,地址如下，如果此项目对你有帮助，麻烦点个小星星wf
vite+ts中使用datav
yang_song97的博客
11-08 252
官网上的安装并没用，按照下面安装包。二、main.ts中引入。
vue3+vite脚手架+typescript+Echarts+DataV项目
唯见青山不见君
06-11 231
一套基于vue3+vite脚手架+typescript+Echarts+DataV搭建的电商类数据管理平台
如何选择创建vue3项目还是vue3+vite项目？
02-19
- 如果你对传统的Vue开发方式已经很熟悉，并且不需要使用Vite的特性，可以选择创建Vue 3项目。 - 如果你想尝试新的开发方式，并且对快速构建和热更新有较高的需求，可以选择创建Vue 3 + Vite项目。 总的来说，两种...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值