suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript – Fragen Sie nach einem Vue-bezogenen Wissenspunkt

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?

某草草某草草2765 Tage vor736

Antworte allen(1)Ich werde antworten

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:41:00

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

    Antwort
    0
  • StornierenAntwort