【问题标题】: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 的香草实现。
      猜你喜欢
      • 2020-05-08
      • 2019-11-09
      • 2021-10-05
      • 2020-03-07
      • 2021-05-27
      • 2017-09-16
      • 2019-07-28
      • 2020-07-26
      • 2019-06-29
      相关资源
      最近更新 更多