How to change the active ion segment change slide in vue js

this is my code but it doesn’t work

data() {
return {
segment: 0
}
},

methods: {
async segmentChanged() {
const slides = document.createElement(“ion-slides”);
await slides.slideTo(this.segment);
},
async slideChanged() {
const slides = document.createElement(“ion-slides”);
this.segment = await slides.getPreviousIndex();
}
}
});