Vux: Wie wählt die Tabbar-Komponente das Element gemäß der Routing-URL aus

Erstellt am 6. Aug. 2016  ·  3Kommentare  ·  Quelle: airyland/vux

Ausführung

"vux": "^0.1.3-rc5"

Android oder iOS

iOS

<div v-cloak class="page">
    <router-view keep-alive></router-view>
    <tabbar v-if="isIndex">
      <tabbar-item :link="{name:'recommend'}">
        <i slot="icon" class="tab-icon tab-icon-recommend"></i>
        <span slot="label">推荐</span>
      </tabbar-item>
      <tabbar-item :link="{name:'raise'}">
        <i slot="icon" class="tab-icon tab-icon-kids"></i>
        <span slot="label">育儿</span>
      </tabbar-item>
      <tabbar-item :link="{name:'mine'}">
        <i slot="icon" class="tab-icon tab-icon-more"></i>
        <span slot="label">更多</span>
      </tabbar-item>
    </tabbar>
  </div>

Erwartetes Verhalten und tatsächliches Verhalten.

Jedes Mal, wenn ich von der zweiten Seite zur ersten Seite zurückkehre, zeigt die Tableiste standardmäßig das erste ausgewählte Element an

Schritte zum Reproduzieren des Problems

componentabbar

Hilfreichster Kommentar

Wenn Sie es nach dem Namen einstellen, einfach so:

 <tabbar-item :selected="$route.name === 'recommend'">

Alle 3 Kommentare

Wenn Sie es nach dem Namen einstellen, einfach so:

 <tabbar-item :selected="$route.name === 'recommend'">

Diese Einstellung ist in Ordnung.dankbar

Scharf

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen