文件修改
文件:node_modules/@dataview\datav-vue3/package.json
// "module": "./es/index.js","module": "./es/index.mjs", // 修改后
使用完整引入,需要为datav配置文件添加相应方法
文件:node_modules/@dataview\datav-vue3/es/index.mjs
// 全局注册方法
// 存在问题,未对setClassPrefix方法处理
// D、E、G...符号代表BorderBox1、BorderBox10、BorderBox11...组件名称
export default {install: (app, options) => {const components = [D,E,G,I,K,g,C,P,h,k,u,w,z,N,Q,S,U,W,Y,_,oo,eo,];components.map((component) => {app.component(component.name, component);});}
}
在utils中添加文件datav.js
import * as DataV from '@dataview/datav-vue3';// 随便写即可
export default function (app) {const module = Object.keys(DataV);for (const m of module) {if (m === 'Loading') continue; // 因为项目饿了么注册过这个组件,就不用datav提供的,跳过本次循环app.component(DataV[m].name, DataV[m]);}
}
main.js中全局引入修改:
import DataV from '@/utils/datav';
const app = createApp(App)
app.use(DataV);
即可解决!