[Vuejs]-Using nuxt-link in ag-grid Row

In this case, we can just simulate the HTML as nuxt-link does:

cellRenderer: (params) => {
        return `<a href="/users/${params.value}/overview">${params.value}</a>`;
      }

With the we don’t need to care about adding history to the route, the “bad” thing it’s if you change this route you need also to update here.

I was able to programmaticly link to another page while clicking a row. But the parameters are still visible in my link in the browser.

What I did:

this.gridOptions.onRowClicked = params => {
  this.$router.push({
    path: "/users/${params.data.id}/overview"
  });
};

This gives me the following url in the browser

users/$%7Bparams.data.id%7D/overview