title: How I can use vue-awesome-swiper with slideTo()?
body: <p>I have a some project <a href="https://codesandbox.io/s/vue-template-kcz1m?fontsize=14" rel="nofollow noreferrer">enter link description here</a></p>
  
  <p>I use <a href="https://github.surmon.me/vue-awesome-swiper/" rel="nofollow noreferrer">vue-awesome-swiper</a></p>
  
  <p>I do as an <a href="https://github.com/surmon-china/vue-awesome-swiper/blob/master/examples/31-thumbs-gallery-loop.vue" rel="nofollow noreferrer">thumbs example</a> and <a href="https://github.com/surmon-china/vue-awesome-swiper/blob/master/examples/41-virtual-slides.vue" rel="nofollow noreferrer">slideTo example</a></p>
  
  <pre><code>&lt;swiper :options="swiperOptionThumbs" class="gallery-thumbs" ref="swiperThumbs"&gt;
    &lt;swiper-slide class="slide-1"&gt;1.1&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-2"&gt;1.2&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-3"&gt;1.3&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-4"&gt;1.4&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-5"&gt;1.5&lt;/swiper-slide&gt;
  &lt;/swiper&gt;
  
  &lt;swiper :options="swiperOptionTop" class="gallery-top" ref="swiperTop"&gt;
    &lt;swiper-slide class="slide-1"&gt;1&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-2"&gt;2&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-3"&gt;3&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-4"&gt;4&lt;/swiper-slide&gt;
    &lt;swiper-slide class="slide-5"&gt;5&lt;/swiper-slide&gt;
  &lt;/swiper&gt;
  </code></pre>
  
  <p><strong>Scripts:</strong></p>
  
  <pre><code>&lt;script&gt;
  export default {
    name: "HelloWorld",
    props: {
      msg: String
    },
    data() {
      return {
        swiperOptionTop: {
          spaceBetween: 10,
          slidesPerView: 1
        },
        swiperOptionThumbs: {
          spaceBetween: 10,
          slidesPerView: 4,
          slideToClickedSlide: true
        }
      };
    },
    computed: {
      swiper() {
        return this.$refs.swiperOptionTop.swiper;
      }
    },
    methods: {
      toSlide(i) {
        this.$refs.swiperOptionTop.swiper.slideTo(i);
      },
      toNext() {
        console.log("S&gt;&gt;&gt; next " + this.$refs.swiperOptionTop.swiper);
        this.$refs.swiperOptionTop.swiper.slideNext();
      }
    },
    mounted() {
      this.$nextTick(() =&gt; {
        const swiperTop = this.$refs.swiperTop.swiper;
        const swiperThumbs = this.$refs.swiperThumbs.swiper;
        swiperTop.controller.control = swiperThumbs;
        swiperThumbs.controller.control = swiperTop;
      });
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>But nothing effects. </p>
  
  <p><strong>Question:</strong>  How can I set the slideTo method or use thumbs for slider (vue awesome swiper slider)?</p>