DataV Vue3+TS+Vite版 由于之前大佬写的 DataV 不支持Vue3 Vite2.x,现部分代码用Vue3+TS重构。 文档地址:https://datav-vue3.netlify.app Gitee地址:gitee.com/kjgl77/datav- Github地址:github.com/vaemusic/dat Demo预览地址:datav-vue3-demo.netlify.app Demo Gitee地址:gitee.com/kjgl77/electr Demo ...
npm install @kjgl77/datav-vue3 2. 在 Vue 3 项目中全局引入 DataV 安装完成后,你需要在 Vue 3 项目的入口文件中(通常是 main.js 或main.ts)引入并使用 DataV。 javascript // main.js 或 main.ts import { createApp } from 'vue'; import App from './App.vue'; import DataVVue3 from '@...
pnpm add @dataview/datav-vue3 1. 1. 全局注册报错 然后main.ts全局注册 import { createApp } from 'vue' import App from './App.vue' import router from './router' import dataV from '@dataview/datav-vue3' const app = createApp(App) app.use(router) .use(dataV) app.mount('#app') ...
由于之前大佬写的 DataV 不支持Vue3 Vite2.x,现部分代码用Vue3+TS重构。 文档地址:https://datav-vue3.netlify.app Gitee地址:https://gitee.com/kjgl77/datav-vue3 Github地址:https://github.com/vaemusic/datav-vue3 Demo预览地址:https://datav-vue3-demo.netlify.app/ Demo Gitee地址:https:/...
1.使用vite构建一个vue3项目 npm create vite@latest Project name:你的项目名; Select a framework:框架选择Vue; Select a variant:语言选择TypeSceript cd vite-project npm install npm run dev 这样你的项目就创建好了 三.安装DataV 这里因为我们用的是Vue3+TS+Vite,所以推荐大家使用下边这个: ...
打开文件src/data/system-components.ts, 找到或新增对应组件节点: {name:'',alias:'',used:true,// 启用需改为 true// ...} 使用DataV-CLI-UI 工具 其中config.vue和config.json文件,可以通过datav-cli-ui工具进行配置,更多详情 »。 工具预览 ...
DataV Vue3+TS+Vite版 由于之前大佬写的DataV不支持Vue3 Vite2.x,现部分代码用Vue3+TS重构。 文档地址:https://datav-vue3.netlify.app Gitee地址:https://gitee.com/kjgl77/datav-vue3 Github地址:https://github.com/vaemusic/datav-vue3 Demo预览地址:https://datav-vue3-demo.netlify.app/ ...
import { useAutoResize } from '@/hooks/useAutoResize' const { autoBindRef } = useAutoResize() 自定义一个hook,导出一个autoBindRef绑定ref 自定义hook文件 useAutoResize.ts import { ref } from 'vue'; export function useAutoResize() { let...
在Vue项目的入口文件(通常是main.js或main.ts)中引入DataV,并注册为全局组件: import Vue from 'vue'; import App from './App.vue'; import dataV from '@jiaminghi/data-view'; // 注册DataV为全局组件 Vue.use(dataV); new Vue({ render: h => h(App), ...
这里一个基于 Vue3、TypeScript、DataV、ECharts 框架的 "数据大屏项目",使用 '.vue' 和 '.tsx' 文件实现界面,采用新版动态屏幕适配方案,支持数据动态刷新渲染、内部DataV、ECharts图表都支持自由替换。组件详情请点击下方 ECharts 和 DataV 文档。 Vue2 版本请点击这里查看,地图支持自动轮播哦~ ...