So the end product will be that, i will slide through pages.
Hi, dont fully understand what you need. a little bit more context would be helpful.
But according to swiper doc
Manipulation Methods
Methods
swiper.addSlide(index, slides) Add new slides to the required index. slides could be HTMLElement or HTML string with new slide or array with such slides, for example:
addSlide(1, '<div class="swiper-slide">Slide 10"</div>')
addSlide(1, [
'<div class="swiper-slide">Slide 10"</div>',
'<div class="swiper-slide">Slide 11"</div>'
]);
Ok. Instead of HTML element i want to replace it will a full page. like slide10.vue
This is all what i was trying to say.
If you use vue, you can use
<component v-bind:is="myNiceComponent"></component>
then make a v-for loop of your components and give it a try.
didnt test it, but maybe it works.