Как открыть страницу по умолчанию в приложении Битрикс24 на vuejs с Router?

Question

[PetrTar]

Добрый день. Есть приложение в Битрикс24 на vuejs, переход между компонентами сделан через vue Router. Все работает, но при запуске приложения не открывается компонент по умолчанию.
Настройки роутера:

import Vue from 'vue'
import Router from 'vue-router'

import activeTasks from '../components/activeTasks'
import taskForDay from '../components/taskForDay'

Vue.use(Router)

export default new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            component: activeTasks
        },
        {
            path: '/taskForDay',
            component: taskForDay
        }
    ]
})

В App.js

<b-navbar type="dark" variant="primary" class="mb-2">
            <b-navbar-nav>
                <b-nav-item to="/" active-class="active" exact>Активные задачи</b-nav-item>
                <b-nav-item  to="/taskForDay" active-class="active">Задачи на день</b-nav-item>
            </b-navbar-nav>
        </b-navbar>
        <router-view></router-view>

Comments

[Дмитрий Морозов]

В плане, "не открывается компонент по умолчанию."? Вы перешли на страницу taskForDay и не отрендерился компонент taskForDay? И да, vue router не знает о компоненте b-nav-item! Строго используйте только router-link ->

<router-link to="/taskForDay" active-class="active">Задачи на день</router-link>

Далее, чтобы задать страницу по умолчанию - стоит делать так:

{
  path: '*',
  component: defaultComponent
}

[PetrTar]

Сделал как Вы написали, страница начала открываться по умолчанию, но теперь не работает active-class. Когда компонент открывается нажатием на ссылку, то все ок, но когда только захожу в приложение, страница по умолчанию открывается, но active-class не срабатывает. b-nav-item тоже работает, так как это тег bootstrap-vue.