J'ai écrit un module dont la fonction est de glisser vers la gauche pour supprimer
components/swiper-btn.vue
<v-touch class="list-delete" @swipeleft="onSwipeLeft" @swiperight="onSwipeRight"
:class="isSlide?'slide-in':'slide-out'">
<slot></slot>
<p class="opper">
<p class="btn-delete" @click="onBtnDel(listIndex)">
<span class="btn-inner">删除</span>
</p>
</p>
</v-touch>
Maintenant, j'ai une liste qui doit utiliser ce module. Certains éléments de la liste ont besoin de cette fonction, et d'autres n'en ont pas besoin.
<swipe-btn v-if="tabIndex===1">
<p>列表单项的内容</p>
</swipe-btn>
<p v-else>
<p>列表单项的内容</p>
</p>
Ma question est la suivante, car dans le code ci-dessus, il y a beaucoup d'imbrications dans le "contenu des éléments uniques de la liste", et les deux gros morceaux de code sont exactement les mêmes, existe-t-il un moyen de les fusionner et d'écrire eux une seule fois ?
https://cn.vuejs.org/v2/guide...