javascript - Minta titik pengetahuan berkaitan vue

Question

Saya menulis modul yang fungsinya untuk meleret ke kiri untuk memadam

komponen/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>

Sekarang saya mempunyai senarai yang perlu menggunakan modul ini Sesetengah item dalam senarai memerlukan fungsi ini, dan ada yang tidak memerlukannya

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

Soalan saya ialah, kerana dalam kod di atas, terdapat banyak sarang dalam "kandungan item tunggal dalam senarai", dan dua keping kod yang besar adalah betul-betul sama, adakah terdapat cara untuk menggabungkannya dan menulis mereka hanya sekali?

Answer 1

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