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

DataV兼容vue3的方法

xi4年前 (2022-11-04)vue2864

发现问题

在使用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中使用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、在国...

vue动态绑定样式

vue动态绑定样式

每次点击方块时通过三元表达式,改变对应的class,每一个不同的class对应不同的样式,从而通过改变class实现样式的切换。 <template> <div class="container"> <!--通过三元表达式选择cla...

vue导出word文档

vue导出word文档

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

数据看板可视化

数据看板可视化

前言这段时间一直在做可视化,在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单,我将其单独抽离出来形成一个demo,为保密demo中数据非真实数据。先看效果。 具体效果 链接相关 浏览链接:https://xiblogs.top/original/bigScreen/29/in...

发表评论

访客

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