javascript - Demander un point de connaissance lié à Vue

Question

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 ?

Answer 1

https://cn.vuejs.org/v2/guide...