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

您是否已完成入门？ https://www.ag-grid.com/vue-getting-started/

这是一个适合您的示例： https://codesandbox.io/s/9ovqv28y2y

Answer 2

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

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

Answer 3

在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
},

使用Vue将道具发送到frameworkComponents（ag-grid）

3 个答案: