Vue 3, Composition Api
<script setup>
const slide = ref(null);
function topSlide(number_slide) {
slide.value = ref([`slaid-${number_slide}`])
}
</script>
<template>
<div>
<div class="nav">
<button @click="topSlide(1)">Слайд 1</button>
<button @click="topSlide(2)">Слайд 2</button>
<button @click="topSlide(3)">Слайд 3</button>
</div>
<div class="container-slaid">
<div ref="slaid-1" class="p-4">
<div class="title"> Слайд 1</div>
</div>
<div ref="slaid-2" class="p-4">
<div class="title"> Слайд 2</div>
</div>
<div ref="slaid-3" class="p-4">
<div class="title"> Слайд 3</div>
</div>
</div>
</div>
</template>
Как перемещать divы вверх в контейнере container-slaid по клику на соответствующие кнопки?
например по клику на button - Слайд 2, блок div ref="slaid-2" поднялся вверх
