Código fuente de la aplicación Uni Mall

Cuando el número de swipers alcance aproximadamente 40, habrá problemas obvios como retraso de deslizamiento y renderizado lento. Se necesitarán docenas de segundos para llegar a 100; de lo contrario, el renderizado puede fallar.

Configura el atributo circular="true" para habilitar el deslizamiento cohesivo, es decir, reproducir hasta el final y luego volver al principio. Luego, solo se muestran de forma fija tres elementos de swiper y se reemplazan los datos que se muestran al deslizar. Este método puede mostrar decenas de millones de datos sin ningún problema.

//Código fuente de la página

Las claves de 1 y swiper-item deben estar configuradas e indexadas.

2. Si solo hay un caso, no querrás que se desplace hacia adelante y hacia atrás. Se pueden configurar bucles, pero no se pueden configurar dinámicamente directamente. Podemos usar calculado para configurarlo.

/小Guoyao/uni-app