Переход на в-за компоненты - PullRequest
Новая
       23

Переход на в-за компоненты

0 голосов
/ 18 февраля 2019

Я пытаюсь найти способ vuejs выполнить переход между компонентами, который проверит следующие требования:

  • Я бы хотел, чтобы все мои компоненты всегда присутствовали в DOM (поэтому с помощью v-show)
  • Я хотел бы использовать v-for для СУХОЙ цели
  • Я хотел бы иметь контроль над режимом перехода

Я пыталсямного конфигураций, но ни одна из них не соответствует моим потребностям.

Вот несколько конфигураций, к которым я пришел:

Эта не работает с v-show (нужен переход-группа) и не использует v-for

<transition name="slide" mode="in-out">
    <Foo v-if="store.current == 'Foo' " key="Foo" ></Foo>
    <Bar v-if="store.current == 'Bar' " key="Bar" ></Bar>
    <FooBar v-if="store.current == 'FooBar' " key="'FooBar" ></FooBar>
</transition>

Этот не позволяет mode и не использует v-for

<transition-group name="slide">
    <Foo v-show="store.current == 'Foo' " key="Foo" ></Foo>
    <Bar v-show="store.current == 'Bar' " key="Bar" ></Bar>
    <FooBar v-show="store.current == 'FooBar' " key="'FooBar" ></FooBar>
</transition-group>

Этот также не 't mode (потому что это переходная группа) 

<transition-group name="slide">
    <component v-for="item in list" v-show="store.current == item" :is="item" :key="item"></component>
</transition-group>
...