求问一个vue相关的知识点

Question

我写了一个模块，功能是左滑删除components/swiper-btn.vue  <v-touch class="list-delete" @swipeleft="onSwipeLeft" @swiperight="onSwipeRight"           :class="isSlide?'slide-in':'slide-out'">    <slot></slot>    <div class="opper">      <div class="btn-delete" @click="onBtnDel(listIndex)">        <span class="btn-inner">删除</span>      </div>    </div>  </v-touch>现在我有个列表要使用这个模块，有的列表单项的内容是要这个功能，有的又不需要  <swipe-btn v-if="tabIndex===1">    <div>列表单项的内容</div>  </swipe-btn>  <div v-else>    <div>列表单项的内容</div>  </div>我的问题就是，因为上面代码中，“列表单项的内容”中有很多嵌套，两大段代码一模一样，有没有什么办法合并起来，只写一遍？