When I want to load a component with tabs, I want to redirect to a specific tab, but this does not work.
Please, help me
main.vue
<!-- View for Single Activity -->
<f7-view
v-if="meetupType === 'single_activity' && meetupLoaded"
id="main-view"
:router="true"
:routes="SingleActivityRoutes"
:push-state="true"
:animate="isWebApp"
:ios-swipe-back="isWebApp"
main
url="/" />
<!-- View for Themed Schedule -->
<f7-view
v-else-if="meetupType === 'themed' && meetupLoaded"
id="main-view"
:router="true"
:routes="ThemedRoutes"
:push-state="true"
:animate="isWebApp"
:ios-swipe-back="isWebApp"
main
url="/" />
<!-- View for Full Schedule -->
<f7-view
v-else-if="meetupType === 'scheduled' && meetupLoaded"
id="main-view"
:router="true"
:routes="ScheduledRoutes"
:push-state="true"
:animate="isWebApp"
:ios-swipe-back="isWebApp"
main
url="/" />
<!-- Page Loader -->
<div v-else>
<loader />
</div>
single-activity.js
export default [
{
path: "/",
component: MainPage,
beforeEnter: (routeTo, routeFrom, resolve, reject) => {
for (var key in store.state.activities) {
var activity = store.state.activities[key];
}
if (activity.tab_files && !activity.tab_question && !activity.tab_poll) {
resolve({
path: "/",
id: "questions",
component: QuestionsPage
})
} else if (
!activity.tab_files &&
!activity.tab_question &&
activity.tab_poll
) {
reject();
} else {
reject();
}
},
tabs: [
{
path: "/",
id: "questions",
component: QuestionsPage
},
{
path: "/questions/",
id: "questions",
component: QuestionsPage
},
{
path: "/polls/",
id: "polls",
component: PollsPage
},
{
path: "/materials/",
id: "materials",
component: MaterialsPage
}
]
},
{
path: "/event/:scheduleId/:eventId/:itemId/question/:questionId",
popup: {
component: QuestionPage
}
},
{
path: "/:eventId/questions/:scheduleId/:questionId/:itemId/",
redirect: (
{ params: { scheduleId, eventId, itemId, questionId } },
resolve
) =>
resolve(
`/event/${scheduleId}/${eventId}/${itemId}/question/${questionId}`
)
},
{
path: "/event/:scheduleId/:eventId/:itemId/poll/:pollId",
popup: {
component: PollPage
}
},
{
path: "/:eventId/polls/:scheduleId/:pollId/:itemId/",
redirect: ({ params: { scheduleId, eventId, itemId, pollId } }, resolve) =>
resolve(`/event/${scheduleId}/${eventId}/${itemId}/poll/${pollId}`)
},
{
path: "/event/:scheduleId/:eventId/:itemId/slidepresentation/",
component: SlidePresentationPage
},
{
path:
"/event/:scheduleId/:eventId/:itemId/slidepresentation/:questionId/comments/",
popup: {
component: CommentsPage
}
},
{
path: "(.*)",
component: NotFoundPage
}
]