javascript - 求一個vue相關的知識點

Question

我寫了一個模組，功能是左滑刪除

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>

現在我有清單要使用這個模組，有的清單單項的內容是要這個功能，有的又不需要

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

我的問題就是，因為上面程式碼中，「清單單項的內容」中有很多嵌套，兩大段程式碼一模一樣，有沒有辦法合併起來，只寫一遍？

Answer 1

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