[Vuejs]-Cannot refresh vue bootstrap table when emitting data from child to parent

I solved this by using a bootstrap collapse button and dealing with it all in the child which makes more sense I think!

   <b-collapse :id="'collapse' + data.field.key">
      <b-card>
        <!-- content -->
      </b-card>
    </b-collapse>