vue компонент уничтожается до завершения перехода - PullRequest
Новая
       5

vue компонент уничтожается до завершения перехода

1 голос
/ 27 мая 2020

Я использую vuetify <v-fade-transition> для перехода при изменении представления. Но некоторые компоненты разрушаются до завершения перехода out.

Вот как выглядит мой переход. 

<v-content>
    <v-fade-transition mode="out-in">
        <router-view/>
    </v-fade-transition>
    <dashboard-content-footer/>
</v-content>

А это одно из моих представлений 

<v-container>
    <v-btn color="primary">new</v-btn>
    <v-btn>print</v-btn>
    <v-row align="center">
        <v-label class="text-center">date</v-label>
        <v-col cols="2">
            <DateInput icon="mdi-home" label="From"></DateInput>
        </v-col>
        <v-col cols="2">
            <DateInput icon="mdi-home" label="To"></DateInput>
        </v-col>
    </v-row>
    <Table
            :headers="headers"
            url="localhost:8000/get"
    ></Table>
</v-container>

Проблема в том, что <DateInput> уничтожен до выхода переход завершен, в то время как другие компоненты просто уничтожены после завершения перехода, как и ожидалось.

А это мой DateInput 

<v-menu
        v-model="menu"
        :close-on-content-click="false"
        transition="slide-y-transition"
        offset-y
        max-width="290px"
        min-width="290px"
>
    <template v-slot:activator="{ on }">
        <v-text-field
                v-model="computedDateFormatted"
                :label="label"
                persistent-hint
                :prepend-icon="icon"
                readonly
                outlined
                v-on="on"
                :dense="dense"
        ></v-text-field>
    </template>
    <v-date-picker v-model="date" no-title @input="menu2 = false"></v-date-picker>
</v-menu>

Интересно, может ли DateInput уничтожиться сразу после завершения перехода.

Извините за мою нечеткую презентацию и заранее спасибо: D

...