0

我试图在 ag-grid 加载行时显示 v-progress-circular vuetify 组件,我一直在关注 ag-grid 文档,但这似乎不起作用。vue 的 ag-grid 文档似乎已经过时,所以我不知道该怎么办。到目前为止我所做的如下:

表进度.vue

<template>
  <v-progress-circular :value="20" color="primary" indeterminate>
  </v-progress-circular>
</template>
<script>
export default {
  name: 'TableProgress'
}
</script>

MyTable.vue(相关部分)

<template>
  <ag-grid-vue
      :grid-options="gridOptions"
      class="ag-theme-material"
      :frameworkComponents="frameworkComponents"
      :loadingOverlayComponent="loadingOverlayComponent"
  />
</template>
<script>
  import TableProgress from "./TableProgress";

  export default{
    data(){
      return{
        gridOptions: null,
        frameworkComponents: null,
        loadingOverlayComponent: null
      }
    },
    beforeMount () {
      this.frameworkComponents = {
        tableProgress: TableProgress
      }
      this.gridOptions.loadingOverlayComponent = 'tableProgress'
      this.loadingOverlayComponent = 'tableProgress'
    },
  }
</script>

我在这里做错了什么?还是这根本不适用于vue?

4

2 回答 2

1

我认为该属性overlayLoadingTemplate在 ag-grid 而不是loadingOverlayComponent. 请访问ag-grid 叠加层,了解如何将加载器添加到 ag-grid 表中

于 2020-04-17T14:40:59.487 回答
0

您导入 TableProgress 但您不使用它。您必须将其添加到组件中。

<script> 
import TableProgress from "./TableProgress"; 
export default {
    components: { 
        TableProgress
    },
    //... 
}
</script>

于 2020-04-15T20:28:57.793 回答