<B-Table> events for $router.push is not working in Nuxt

Hello Guys,

I just found a weird behaviour related events in B-Table when directing to $router.push().

      <b-table
        :fields="table.fields"
        :items="table.items"
        bordered
        hover
        @row-clicked="$router.push({
          path: 'product/list'
        })"
      />

i got an error message like below

But if i just insert nuxt-link tag somewhere in any slot, the event will work as expected

       <b-table
        :fields="table.fields"
        :items="table.items"
        bordered
        hover
        @row-clicked="$router.push({
          path: 'product/list'
        })"
      >
        <template v-slot:cell(index)="data">
          <nuxt-link to="product/list" />
        </template>
      </b-table>

Versions

Libraries:

• BootstrapVue: 2.1.0
• Bootstrap: 4.4.1
• Nuxt : 2.10.2

Environment:

• Device: Mac
• OS: macOS Catalina
• Browser: Chrome
• Version: 78.0.3904.108

[jojowonder]

Hi, as @tmorehouse mention, it will be release in v2.2.0 But currently, i achieve this using window.replace I don’t think my solution is the best, but you can try until the v2.2.0 is release

[tmorehouse]

BootstrapVue v2.2.0 has been released.