# is there any way to use ionic slide methods like slideto in vue

**URL:** <https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703>\
**Category:** Ionic Vue\
**Created:** [November 16, 2020, 3:19pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703 "2020-11-16T15:19:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ferdiaddawy](https://avatars.discourse-cdn.com/v4/letter/f/85f322/32.png) [@ferdiaddawy](https://forum.ionicframework.com/u/ferdiaddawy)\
**Post date:** [November 16, 2020, 3:19pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/1 "2020-11-16T15:19:22Z")

</div>

is there any way to use ionic slide methods like slideto in vue,  
I used the ref it didn’t work

```
<ion-header>

  <ion-toolbar color="primary">

    <ion-title>Pendanaan</ion-title>

  </ion-toolbar>

</ion-header>

<ion-content :fullscreen="true">

  <ion-segment

    :value="tabs"

    :scrollable="true"

    @ionChange="segmentChanged($event)"

  >

    <ion-segment-button value="0">

      <ion-label>Penawaran</ion-label>

    </ion-segment-button>

    <ion-segment-button value="1">

      <ion-label>Didanai</ion-label>

    </ion-segment-button>

    <ion-segment-button value="2">

      <ion-label>Berjalan</ion-label>

    </ion-segment-button>

    <ion-segment-button value="3">

      <ion-label>Selesai</ion-label>

    </ion-segment-button>

  </ion-segment>

  <ion-slides

    pager="true"

    ref="slider"

    :options="slideOpts"

    @ionSlideDidChange="ionSlideDidChange"

  >

    <ion-slide>

      <h1>Slide 1</h1>

    </ion-slide>

    <ion-slide>

      <h1>Slide 2</h1>

    </ion-slide>

    <ion-slide>

      <h1>Slide 3</h1>

    </ion-slide>

    <ion-slide>

      <h1>Slide 4</h1>

    </ion-slide>

  </ion-slides>

</ion-content>

```

 ion-slides { height: 100%; }

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [November 16, 2020, 3:30pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/2 "2020-11-16T15:30:36Z")

</div>

This question was asked somewhere else, couldn’t find it but here is a video I put together

[![](https://global.discourse-cdn.com/ionicframework/original/3X/4/c/4c8767633108db774ce1cb86a0d40de836d5c398.jpeg "Creating Slides with Ionic VueJS - Accessing the Full SwiperJS API") ](https://www.youtube.com/watch?v=-Qm-tG4Kt9s)

---

<div class="post-metadata">

**Author:** ![ferdiaddawy](https://avatars.discourse-cdn.com/v4/letter/f/85f322/32.png) [@ferdiaddawy](https://forum.ionicframework.com/u/ferdiaddawy)\
**Post date:** [November 16, 2020, 5:11pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/3 "2020-11-16T17:11:28Z")

</div>

I have followed what is in the video, but the results are not suitable

the result in the onmounted life cycle is null

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/f/e/fe8995b80ed01f939d7f832c2c74ba4fe4f53f99.png)

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [November 16, 2020, 5:58pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/4 "2020-11-16T17:58:07Z")

</div>

a screenshot is not helpful? if there is a project somewhere or if you can display all of the code, it would be beneficial

- FULL SOURCE CODE FROM VIDEO: [https://github.com/aaronksaunders/ionic-slides-vue3](https://github.com/aaronksaunders/ionic-slides-vue3)

---

<div class="post-metadata">

**Author:** ![ferdiaddawy](https://avatars.discourse-cdn.com/v4/letter/f/85f322/32.png) [@ferdiaddawy](https://forum.ionicframework.com/u/ferdiaddawy)\
**Post date:** [November 17, 2020, 1:35am UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/5 "2020-11-17T01:35:26Z")

</div>

i am sorry, this is the complete code

> <https://gist.github.com/ferdiaddawy/7341922b7db8c479f0fbe9151bc3627c>

---

<div class="post-metadata">

**Author:** ![sdetweil](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@sdetweil](https://forum.ionicframework.com/u/sdetweil)\
**Post date:** [November 17, 2020, 4:29pm UTC](https://forum.ionicframework.com/t/is-there-any-way-to-use-ionic-slide-methods-like-slideto-in-vue/199703/6 "2020-11-17T16:29:53Z")

</div>

I did it like this

> [@Ionic 4 : How to use methods of slides in VUE](https://forum.ionicframework.com/t/ionic-4-how-to-use-methods-of-slides-in-vue/139446/6):
>
> same as the other post… a little bit of code can go a long way