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

Ionic Framework Ionic Vue
1

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%; }
2

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

1 Like
3

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

the result in the onmounted life cycle is null

image
image758×560 17.6 KB

4

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

5

i am sorry, this is the complete code

6

I did it like this