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>