Vue网格布局错误？

Posted 2023-02-23

【中文标题】Vue网格布局错误？

【英文标题】：Vue grid layout error?

【发布时间】：2017-11-26 16:57:47

【问题描述】：

我正在尝试使用 Vue 网格布局：https://github.com/jbaysolutions/vue-grid-layout 在我的应用程序中（使用 Vue2）

我有一个“仪表板”组件，我想在其中使用网格布局，但是在尝试将文件导入组件时出错 - 我得到了错误：

未能安装组件：模板或渲染功能未定义。在 GridLayout 中找到

我正在做的是导入组件然后注册它们：

import GridLayout from 'vue-grid-layout';
import GridItem from 'vue-grid-layout';

然后注册：

components: 
      "GridLayout": GridLayout,
      "GridItem": GridItem
    

任何想法为什么这不起作用？

【问题讨论】：

我解决了，必须执行以下操作： import VueGridLayout from 'vue-grid-layout'; var GridLayout = VueGridLayout.GridLayout; var GridItem = VueGridLayout.GridItem;

【参考方案1】：

您尝试从该包中导入两个不同的命名导出。这需要不同的语法：

import  GridLayout  from 'vue-grid-layout';
import  GridItem  from 'vue-grid-layout';