更新:我最终从头开始重新构建页面,并且网格现在可以正常工作了。我在某处有一个奇怪的冲突,但我不知道那是什么。至少现在可以正常工作!
我以前使用过ag-grid
,但从未遇到过这样的问题。我们的网格在另一个项目上工作得很好,所以我不确定这里的问题是什么。
我正在使用ag-grid-vue
包装器在我们的Vue
应用程序中使用网格。我已经复制了他们给出的确切示例,但它对我没有用。我可以在开发工具中看到网格,但是它根本不存在于HTML中。
This is the exact example that I am using
我在控制台中也没有收到任何错误。请参见下面的开发工具和HTML的屏幕截图。
当前使用Vue.js 2.6.10
和ag-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>