Ich habe ein Modul geschrieben, dessen Funktion darin besteht, zum Löschen nach links zu wischen

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>

Jetzt habe ich eine Liste, die dieses Modul verwenden muss, einige Elemente in der Liste benötigen sie nicht

  <swipe-btn v-if="tabIndex===1">
    <p>列表单项的内容</p>
  </swipe-btn>
  <p v-else>
    <p>列表单项的内容</p>
  </p>

Meine Frage ist: Da es im obigen Code viele Verschachtelungen im „Inhalt einzelner Elemente in der Liste“ gibt und die beiden großen Codeteile genau gleich sind, gibt es eine Möglichkeit, sie zusammenzuführen und zu schreiben sie nur einmal?