当前位置:主页 > vue > DataV兼容vue3的方法

DataV兼容vue3的方法

xi3年前 (2022-11-04)vue21400

发现问题

在使用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/?id=28

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

vue组件间传值

父传子利用props传值,子组件中规定props数据类型,然后父组件使用子组件时需要绑定数据在子组件上:父组件: <template> <div class="pa...

vue中按需引入Element-ui

vue中按需引入Element-ui

安装1、安装element-ui:npm i element-ui -S。2、安装babel-plugin-component:npm install babel-plugin-component -...

vscode使用vue代码模板

vscode使用vue代码模板

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

发表评论

访客

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