How to manage owl-carousel in vue?

Question

JavaScript

Good afternoon. In a vue project I use owl-carousel.

<carousel
id = "TestCarousel"
:autoplay = 'false'
:items='1'
:nav='true'
:loop='true'
:dots='false'
:mouseDrag='false'
@changed="changedMale"
>
<div class="item" v-for="(father, index) in fathersNames" :key="index">
<div><h3 class="text-center">{{father}}</h3></div>
</div>
</carousel>

It is required to make a button that will reset the carousel position to the very beginning. The usual way does not help.

$('#TestCarousel').trigger('to.owl.carousel', [0, 0])