当前位置：首页 > vue > 正文内容

DataV兼容vue3的方法

xi4年前 (2022-11-04)vue2912

发现问题

在使用vue开发大屏时，发现了一个很好用的可视化组件库DataV(http://datav.jiaminghi.com/ )，不是阿里那个DataV哈，用vue2开发时都一切顺利，直到有一天升级项目到vue3时，发现一堆报错，后面查了下，好像是DataV不兼容vue3，而vue3版本的DataV(https://github.com/DataV-Team/DataV-Vue3 )还在开发中，咋办呢？动手开整！

解决办法

查了DataV的github的pull requests，处理办法也挺简单：
1、安装DataV：npm install @jiaminghi/data-view
2、将nodemodules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue中rect标签的:key=”i”剪切到有v-for那一层的template中。
3、将nodemodules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue中rect标签的:key=”i”剪切到有v-for那一层的template中。

搞定！现在重新运行项目看看，是不是不报错了？(☞ﾟヮﾟ)☞

扫描二维码推送至手机访问。

版权声明：本文由曦的博客发布，如需转载请注明出处。

本文链接：http://xiblogs.top:1111/?id=28

返回列表

上一篇：vue中代理解决跨域

下一篇：vue导出word文档

“DataV兼容vue3的方法” 的相关文章

vue中使用sass

vue中使用sass

安装1、安装sass：npm i sass。2、安装sass-loader：npm i sass-loader@ 10.1.1。(安装sass-loader时会出现版本报错，建议使用10.1.1) 使用在style标签中写入lang=’scss’(勿误写为sass)，样式代码直接嵌套编写，更加直观...

vuex的使用

vuex的使用

vuex是什么vuex是一个专门为vue开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，其核心是state。 vuex中有什么state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则数据无法被调试工具监测。getter...

vue项目的创建

vue项目的创建

安装node1、检查node，未安装在这里(https://nodejs.org/dist/v16.14.0/node-v16.14.0-x64.msi )下载最新版安装。2、检查npm，node自带npm但不是最新版本，需要命令更新：npm install -g npm 安装vue脚手架1、在国...

vscode使用vue代码模板

vscode使用vue代码模板

1、vscode中打开：文件>首选项>用户片段>输入vue按下回车2、复制下面代码并保存。 { "Print to console": { "prefix": "vue",...

vue3实现一个抽奖小项目

vue3实现一个抽奖小项目

前言在公司年会期间我做了个抽奖小项目，我把它分享出来，有用得着的可以看下。浏览链接：https://xiblogs.top/original/other/luckDraw/index.html项目链接：https://gitee.com/xi1213/luck-draw (欢迎star!)项目截...

纯前端实现图片验证码

前言之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。实现子组件，允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接调...

发表评论