Ag-Grid-Vue完全不显示

时间:2019-10-02 15:18:01

标签: vue.js ag-grid

更新:我最终从头开始重新构建页面,并且网格现在可以正常工作了。我在某处有一个奇怪的冲突,但我不知道那是什么。至少现在可以正常工作!


我以前使用过ag-grid,但从未遇到过这样的问题。我们的网格在另一个项目上工作得很好,所以我不确定这里的问题是什么。

我正在使用ag-grid-vue包装器在我们的Vue应用程序中使用网格。我已经复制了他们给出的确切示例,但它对我没有用。我可以在开发工具中看到网格,但是它根本不存在于HTML中。

This is the exact example that I am using

我在控制台中也没有收到任何错误。请参见下面的开发工具和HTML的屏幕截图。

Dev Tools

enter image description here

当前使用Vue.js 2.6.10ag-grid-vue 20.1.0。以下是导入ag-grid组件的根组件的代码。 test-grid的代码与我上面链接的示例相同。

<template>
    <div class="row">
        <test-grid></test-grid>
    </div>
</template>
<script>
    import TestGrid from './TestGrid.vue';
    export default {
        components: {
            'test-grid': TestGrid
        }
    }
</script>

0 个答案:

没有答案