Отправить реквизиты FrameworkComponents (ag-grid) с помощью Vue

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-Start /

Вот рабочий пример для вас: https://codesandbox.io/s/9ovqv28y2y