Vue2与Vue3—引入DataV

news/2024/12/22 23:58:10/

一、文档参考

vue2使用DataV文档 

vue3使用DataV文档

二、开始 

1、npm安装DateV

支持npm、pnpm、yarn
V2:
npm install @jiaminghi/data-viewV3:
npm install @kjgl77/datav-vue3

2、全局引入DataV

// main.ts中全局引入
v2:
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)v3:
import DataVVue3 from '@kjgl77/datav-vue3'
app.use(DataVVue3)

三、可能报错再现

(1)问题一

解决:将 :key = "i" 剪贴到 上面template 中,如下

 

(2)问题二

 解决方法: Vue3 datav报请求模块错误 · Issue #I4DHV2 · upholdjx/vue-datav-chart - Gitee.com 

 

 

 


http://www.ppmy.cn/news/1011727.html

相关文章

SciencePub学术 | 算法类重点SCIEEI征稿中

SciencePub学术 (www.sciencepub.cn) 刊源推荐: 算法类重点SCIE&EI征稿中!2区闭源好刊,对国人非常友好。信息如下,录满为止: 一、期刊概况: 算法类重点SCIE&EI 【期刊简介】IF:6.0-6.5&#xff0…

On Evaluation of Embodied Navigation Agents 论文阅读

论文信息 题目:On Evaluation of Embodied Navigation Agents 作者:Peter Anderson,Angel Chang 来源:arXiv 时间:2018 Abstract 过去两年,导航方面的创造性工作激增。这种创造性的输出产生了大量有时不…

快速降低javacv依赖包的大小

前言: 由于在项目中需要对视频进行缩略图的截图处理,引入了javacv-platform的包,但是打包后发现打出来的jar包非常的大 后面得知是因为javacv-platform会将所有平台的包集中起来处理,导致包特别的大 处理: 我们在项目…

NSS [MoeCTF 2022]baby_file

NSS [MoeCTF 2022]baby_file 题目源码直接给了 使用data伪协议发现被ban了。 那就换一种伪协议php://filter,猜测flag在同目录下flag.php中或根目录下/flag中 php://filter/readconvert.base64-encode/resourceflag.php读取文件源码(针对php文件需要ba…

【LeetCode 算法】Swap Nodes in Pairs 两两交换链表中的节点

文章目录 Swap Nodes in Pairs 两两交换链表中的节点问题描述:分析代码迭代递归 Tag Swap Nodes in Pairs 两两交换链表中的节点 问题描述: 给你一个链表,两两交换其中相邻的节点,并返回交换后链表的头节点。你必须在不修改节点…

链表——LinkedList类的概述和实现

LinkedList类 1.1LinkedList类概述 LinkedList类底层是基于双向链表结构实现的,不同于ArrayList类和Vector类是基于数组实现的;LinkedList类是非线程安全的;LinkedList类元素允许为null,允许重复元素;LinkedList类插…

【Docker】DockerFile

目录 一、镜像原理 二、如何制作镜像 1、容器转镜像 2、DockerFile 三、DockerFile关键字​编辑 四、案例:部署SpringBoot项目 一、镜像原理 docker镜像是由一个特殊的文件系统叠加而成的,他的最低端是bootfs,并使用宿主机的bootfs&…

Java电子招投标采购系统源码-适合于招标代理、政府采购、企业采购、等业务的企业tbms

​ 功能描述 1、门户管理:所有用户可在门户页面查看所有的公告信息及相关的通知信息。主要板块包含:招标公告、非招标公告、系统通知、政策法规。 2、立项管理:企业用户可对需要采购的项目进行立项申请,并提交审批,查…