O evento de clique é acionado quando o swiper do componente vant UI carousel desliza

Descrição do Problema:

 Conforme mostrado na figura, usei o carrossel para fazer uma página de cartão de resposta, mas quando o carrossel deslizante apareceu, o evento de clique digital foi acionado automaticamente.

Solução:

1. Adicione o atributo lazy-render à tag van-swipe para implementar o carregamento lento de imagens. No modo de carregamento lento, somente a página atual e a próxima página serão renderizadas.
2. Adicione o atributo: stop-propagation="false" à tag van-swipe para evitar que o evento de deslizar borbulhe e evite que o deslizar acione o evento de clique

código mostra como abaixo:

<van-swipe @change="changeSwiper" class="my-swipe list inter-card-list"
      indicator-color="#D8D8D8" :loop="false" :initial-swipe="initialSwipe" :stop-propagation="false">
        <van-swipe-item v-for="i in totalPage" :key="i">
          <span class="li"
            :class="item.commit_answer?item.commit_answer==item.question_answer_content?'right':'wrong':''"
            v-for="(item) in list" :key="item.index"
            @click.stop="choseItem(item.index)">
            {
   
   {item.index + 1}}
          </span>
        </van-swipe-item>
      </van-swipe>

Acho que você gosta

Origin blog.csdn.net/weixin_50114203/article/details/130863773
Recomendado
Clasificación