Я пытался создать мобильное приложение с nativescript- vue и столкнулся с проблемой рендеринга компонента по умолчанию при использовании слотов. Итак, есть приложение. vue с рамой и внутренним слотом.
<Frame ~mainContent>
<slot name="mainContent"></slot>
</Frame>
Также есть маршрутизатор с доступными компонентами:
import EducationPlacesList from './components/EducationPlacesList'
import PersonalProfile from './components/PersonalProfile'
const router = {
EducationPlacesList: EducationPlacesList,
PersonalProfile: PersonalProfile
}
А так как Vue маршрутизатор в данный момент не поддерживается для nativescript vue, есть решение для навигации по ручной маршрутизации, и оно работает просто отлично. У меня есть боковая панель с метками, и ontap
есть this.$navigateTo(this.$router[to], options)
- который отлично перенаправляет меня, нажав.
Но если я запусту свое приложение и не нажму ни одну из ссылок, будет пустое место, так как ожидается. Поскольку слот пуст до перехода на какую-либо страницу. Интересно, есть ли хорошая практика, как установить компонент по умолчанию для этого слота.