Динамический асинхронный компонент Vuejs не загружается - PullRequest
Новая
       6

Динамический асинхронный компонент Vuejs не загружается

0 голосов
/ 07 сентября 2018

У меня есть следующий компонент приложения:

HTML: 

<template>
   <div id="app">
      <v-app>
        <v-content>
          <template v-if="!authenticated">
            <login @loginSuccess="authenticated = true"></login>
          </template>
          <template v-if="authenticated">
            <mainframe @logout="authenticated = false"></mainframe>
          </template>
       </v-content>
     </v-app>
   </div>
</template

Сценарий: 

import Login from './components/Login'
import Mainframe from './components/Mainframe'
export default{
    name: 'app',
    components: {
        Publiccontainer,
        Login,
        Mainframe,
    },
    data () {
        return {
            authenticated: false
        }
    }
}

И у меня есть компонент мэйнфрейма:

HTML: 

<template>
   <v-container>
     <component :is="component"></component>
   </v-container>
</template>

Сценарий: 

export default{
    data: () => ({
        selected: `<h1>Hello</h1>`,
    }),
    computed: {
        component() {
            return {
                template: this.selected
            };
        }
    }
}

Так просто, как это не работает. Компонент мэйнфрейма отображается, но динамическая привязка асинхронного компонента не работает. «Привет» не отображается. Если я попытаюсь воспроизвести его с помощью пера, он работает нормально. Я действительно понятия не имею, что я делаю неправильно. Я благодарен за любое предложение. Моя консоль не показывает ошибок, и компонент зарегистрирован правильно.

...