title: Trigger next and previous element in 'vue-owl-carousel' package Vue.js
body: <p>I have problem with triggering next or previous item in <code>vue-owl-carousel</code> package in Vue with javascript.</p>
  
  <p>Can anybody help?</p>
  
  <p>Carousel code :</p>
  
  <pre><code>&lt;carousel id="newGamesCarousel" :items="1" :dots="false" :nav="false" :margin="10" :key="refresh"&gt;
    &lt;div class="newGames-item" v-for="item in newProducts"&gt;
      &lt;div class="details"&gt;
        &lt;div class="labels flex-wrap"&gt;
          &lt;span class="mb-1" v-for="platform in item.platforms"&gt;{{platform.name}}&lt;/span&gt;
          &lt;span class="mb-1" v-for="region in item.regions"&gt;ریجن {{region.name}}&lt;/span&gt;
        &lt;/div&gt;
        &lt;h2 class="gameTitle"&gt;{{item.name}}&lt;/h2&gt;
        &lt;div class="priceBox"&gt;
          &lt;router-link class="add-to-cart" :to="{path: '/game/'+item.id+'/'+stringToSlug(item.title)+''}"&gt;+&lt;/router-link&gt;
          &lt;div class="price"&gt;
            &lt;div class="former" v-if="item.sale_percent !== false"&gt;
              &lt;span class="percent"&gt;%{{item.sale_percent}}&lt;/span&gt;
              &lt;span class="total"&gt;{{item.price}}&lt;/span&gt;
            &lt;/div&gt;
            &lt;div class="later"&gt;
              {{item.regular_price}}
              &lt;span class="unit"&gt;تومان&lt;/span&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;figure class="image"&gt;
        &lt;img v-bind:src="item.thumbnail_url" v-bind:alt="item.name"&gt;
      &lt;/figure&gt;
    &lt;/div&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>And the next and previous buttons:</p>
  
  <pre><code>&lt;div class="arrows"&gt;
    &lt;svg class="nextCarousel" id="newGamesNext" viewBox="0 0 24 24"&gt;
      &lt;use xlink:href="/src/assets/imgs/sprite.svg#arrow"&gt;&lt;/use&gt;
    &lt;/svg&gt;
    &lt;svg class="prevCarousel" id="newGamesPrev" viewBox="0 0 24 24"&gt;
      &lt;use xlink:href="/src/assets/imgs/sprite.svg#arrow"&gt;&lt;/use&gt;
    &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>