[Vuejs]-Send props to frameworkComponents (ag-grid) with Vue

by

0👍

Using this inside of the template is not required. Also accessing props directly is a $ sign in front.

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

0👍

In grid.vue, I just define the params inside the columnDef. 

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

After this params is called in the mounted of myFrameworkComponent.vue: 

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

-2👍

Have you gone through the getting started?
https://www.ag-grid.com/vue-getting-started/

Here is a working example for you:
https://codesandbox.io/s/9ovqv28y2y

👤jonnycraze

Leave a comment