Estoy tratando de crear una página principal usando el carrusel en V y me gustaría desplazarme al siguiente elemento en lugar de usar flechas o delimitadores, ¿cómo lo lograría?
Aquí está mi código en este momento
<template> <v-carousel vertical-delimiters :vertical="true" :cycle="true" height="100%" > <v-carousel-item > <v-sheet color="black" height="100%" tile > <v-container fill-height fluid > <v-row align="center" justify="center" dense class ="ma-0" > <v-col align="center" justify="center" > <v-img src="imagepath" max-height="350" max-width="350" class="ma-10" > </v-img> <div class="text-h4 pa-7"> Some text </div> </v-col> </v-row> </v-container> </v-sheet> </v-carousel-item> <v-carousel-item> <v-sheet color="black" height="100%" tile > <v-container fill-height fluid > <v-row align="center" justify="center" dense class ="ma-0" > <v-col align="center" justify="center" > <v-img src="Image Path" max-height="350" max-width="350" class="ma-10" > </v-img> <div class="text-h4 pa-7"> Some text </div> </v-col> </v-row> </v-container> </v-sheet> </v-carousel-item> </v-carousel> </template>El carrusel funciona bien, pero no puedo encontrar una manera de enviar un evento de desplazamiento al carrusel como un evento para pasar al siguiente elemento.
Creo que podría envolver su carrusel en el observador de intersección para poder observar el evento de desplazamiento y después de eso, podrá llamar a la función que puede manejar el carrusel.
por ejemplo, debe proporcionar un v-model para el <v-carousel> luego, después de rastrear el evento de desplazamiento, puede aumentar o disminuir la cantidad de ese v-model .
Otra forma podría ser el uso de la directiva de desplazamiento . La directiva v-scroll le permite proporcionar devoluciones de llamada cuando se desplaza la ventana, el objetivo especificado o el elemento mismo (con el modificador .self).