I'm new to Vue and bootstrap-vue and I have the following table in which I pass the functions below to execute when the rows are clicked:
<b-table
striped
:items="currentCareerReactive.assessmentApplicationsInfo"
:fields="tableFields"
@row-clicked="clickTableRow"
>
</b-table>
...
clickTableRow( item, index ) {
console.log('[dashboard.vue] clickTableRow()');
this.goToDetailsPage(
this.currentCareerReactive.lastAssessmentApplicationResult.assessmentApplicationPublicId );
},
goToDetailsPage( dId ) {
this.$router.push( { name: 'details', params: { dId, id: this.$route.params.id } } );
},
But after I click on the row, this error appear.
The next page loads without any flaws but this error bugs me. It happens after the destroy() of the old page and before the beforeCreate() of the new page.
If I call this function through a button, the page loads normally without any errors so my guess is something on the b-table is causing this.
Does anybody have an idea of what it could be happening?
