vue.js - vue中的ag-grid在加载行时显示自定义组件
问题描述
我试图在 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?
解决方案
我认为该属性overlayLoadingTemplate
在 ag-grid 而不是loadingOverlayComponent
. 请访问ag-grid 叠加层,了解如何将加载器添加到 ag-grid 表中
推荐阅读
- html - 有没有办法从带有输入的组件转换为原始 html?
- google-bigquery - 自定义滚动计算
- powerbi - Dax过滤If的计数
- javascript - 将数组转换为树
- angular - 输入未绑定到具有相同 FormControlName 的 FormControl
- javascript - 如何使用函数式编程重构 javascript 代码
- plc - B&R Automation Studio,升级后无法设置断点
- swift - 尝试使用 alamofire 访问 API 时应用程序崩溃
- php - JSON_decode() 返回 NULL
- arrays - 使用数组作为 Map 的“值”部分