使用 Vue 将 props 发送到 frameworkComponents (ag-grid)答案

【问题标题】：Send props to frameworkComponents (ag-grid) with Vue使用 Vue 将 props 发送到 frameworkComponents (ag-grid)
【发布时间】：2019-06-29 19:32:53
【问题描述】：

我想向 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,
    },
},

【问题讨论】：

标签： vue.js ag-grid

【解决方案1】：

不需要在模板内部使用它。直接访问 props 也是前面的 $ 符号。

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

【讨论】：

您能否为此添加文档链接？

【解决方案2】：

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

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

在myFrameworkComponent.vue的mounted中调用这个params后：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

OP 的问题是关于将道具传递给用于在单元格中显示数据的 Vue 组件（即：FrameworkComponent）。您的示例与此无关，只是ag-grid-vue 的香草实现。