Vue3使用 vue-grid-layout问题

时间:2025-04-05 13:19:45

提示:Uncaught TypeError: external_commonjs_vue_commonjs2_vue_root_Vue_default.a is not a constructor
解决:
第一步:npm add vue-grid-layout@3.0.0-beta1
第二步:
入口js里需要引入:
import VueGridLayout from ‘vue-grid-layout’
(VueGridLayout)
第三步:使用的组件内部
import {GridLayout, GridItem} from ‘vue-grid-layout’
components:{
GridLayout,
GridItem
},



{{}}

来源:/jbaysolutions/vue-grid-layout/issues/617
文档地址:/vue-grid-layout/zh/guide/#gridlayout