title: How to slide on click element with Vue-Carousel?
body: <p>I am happy to ask my first question today :) How to slide on click element with Vue-Carousel?</p>
  
  <p>I would like to trigger slide on right with a single click on my input.
  This is my code based on documentation:</p>
  
  <pre><code>&lt;carousel id="demo_carousel"&gt;
    &lt;slide class="slides_demo"&gt;
        &lt;input type="button" @click="getNextPage()" value="Go" /&gt;
    &lt;/slide&gt;
    &lt;slide class="slides_demo"&gt;
        &lt;p&gt;This is next page&lt;/p&gt;
    &lt;/slide&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>And this is my function:</p>
  
  <pre><code>  methods: {
      getNextPage:function() {
        if (this.currentPage &lt; this.pageCount - 1) {
          return this.currentPage + 1;
        }
        return this.loop ? 0 : this.currentPage;
      }
    }
  </code></pre>
  
  <p>But the sliding doesn’t trigger. What I’ve done wrong? Should I create my own function?</p>
  
  <p>Vue-Carousel documentation: (<a href="https://github.com/SSENSE/vue-carousel" rel="nofollow noreferrer">https://github.com/SSENSE/vue-carousel</a>)</p>
  
  <p>Thanks for help :)</p>