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

DataV兼容vue3的方法

xi4年前 (2022-11-04)vue2938

发现问题

在使用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、将node
modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue中rect标签的:key=”i”剪切到有v-for那一层的template中。

搞定!现在重新运行项目看看,是不是不报错了?(☞゚ヮ゚)☞

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

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

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

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

vue打包后dist的使用

vue打包后dist的使用

发现问题vue项目完成打包出dist后准备打开index.html,发现居然页面是一片空白,f12一片报红。 分析问题经过多次网上查询后发现这是由于vue打包时,脚手架会帮你配置好大量参数,但其中路径publicPath被配置为了”/“,需要手动修改。 解决办法1、将vue.config.js中...

canvas实现图片标记

canvas实现图片标记

前言由于业务需求,需要有一个图片标记功能,其实就是对图片画框画线做标记,类似微信的图片编辑但是需要存下标记图及其标记的具体数据,。功能其实很简单,但刚开始的时候也是费了一些功夫的。我将原项目中该功能抽离出来单独写了一个demo,作为记录,同时你们在开发过程中有类似需求的话也可以参考一下该思路,其中有...

vue+xlsx实现表格的导入导出

vue+xlsx实现表格的导入导出

前言前端在开发过程中若是管理系统之类的业务系统,则大多都会涉及到表格的处理,其中最为常见的就是表格的导入导出。有很多办法都可以实现,其中最简单的还是使用插件xlsx。 实现目标1、对表格数据进行增加、删除。2、表格数据的导出、导入。 具体逻辑增加、删除功能比较简单,直接利用vue数据的响应式即可...

vue导出word文档

vue导出word文档

具体需求在我的项目中有一个功能需要导出word文档,在页面点击按钮后处理数据生成word文件,然后自动下载文档。 实现步骤 多番查询后发现前端导出word,使用docxtemplater(https://docxtemplater.com/ )较为方便。具体使用步骤如下: 安装docxte...

纯前端实现图片验证码

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

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。