vue router Не удается прочитать свойство 'push' из неопределенного

Question

Я использую Vue Router и его работу и перехожу на другие страницы, но выдает ошибки:

Error in created hook: "TypeError: Cannot read property 'push' of undefined"

Cannot read property 'push' of undefined

Я не использовал router.push или что-то подобное.

это мой цикл и ссылка на роутер:

 <swiper-slide v-for="(item, i) in items" :key="i">
                            <div class="text-center">
                                <router-link :to="`/tour/` + item.slug">
                                    <img :src="item.img" class="img-fluid img-thumbnail rounded rounded-circle" :alt="item.title">
                                    <h3 class="pt-3">{{ item.title }}</h3>
                                </router-link>
                            </div>
                        </swiper-slide>

и это мой маршрут:

        {
            path: '/tour/:tour',
            component: Tour,
            name: 'tour'
        },

Answer 1

Попробуйте

<router-link :to="{ name: 'tour', params: { tour: 'mySlug' }}">...</router-link>