使用Vue将道具发送到frameworkComponents (ag-grid)

Question

我想传递一个道具给frameworkComponents，我正在使用Vue。你知道我该怎么做吗？

文件grid.vue

<ag-grid-vue
      class="ag-theme-balham"
      :gridOptions="gridOptions"
      :rowData="rowData"
      :frameworkComponents="this.frameworkComponents"
      :myprops="this.data"
 ></ag-grid-vue>

文件myFrameworkComponent.vue

props: {
    myprops: {
        type: String,
    },
},

Answer 1

不需要在模板内部使用它。直接访问道具的还有一个前面的$符号。

<ag-grid-vue
      class="ag-theme-balham"
      :gridOptions="gridOptions"
      :rowData="rowData"
      :frameworkComponents="this.frameworkComponents"
      :myprops="$props"
 ></ag-grid-vue>

Answer 2

在grid.vue中，我只在columnDef中定义参数。

{
    field: 'helloId',
    headerName: 'Hello',
    filter: "dropdown",
    filterParams: 'this is my message or object',
},

在myFrameworkComponent.vue的挂载中调用此参数后：

mounted: function() {
    myprops: this.params.colDef.filterParams
},

Answer 3

你看过入门指南了吗？https://www.ag-grid.com/vue-getting-started/

下面是一个有效的示例：https://codesandbox.io/s/9ovqv28y2y