Я получаю сообщение об ошибке «отсутствуют необходимые реквизиты», которое можно увидеть в инструментах Chrome Dev.Я следовал инструкциям и аналогичным случаям, но все же, несмотря на прогноз, реквизит не двигался, поэтому я начинаю думать, что это концептуальная проблема.
У меня есть такой компонент
<template>
<div class="external">
<div @click="sendMyProps" class="internal">
...
</div>
</div>
</template>
- это метод sendMyProps в теге script и экспорт по умолчанию, например:
methods: {
sendMyProps () {
this.$router.push({ name: 'destiny', params: { menu: 'destiny' }})
},
Основной компонент (он может быть неактуален) для хранения его среди других:
<template>
<div>
<External></External>
<AnotherOne></AnotherOne>
<AnotherTwo></AnotherTwo>
</div>
</template>
<script>
import External from '@/components/External'
import AnotherOne from '@/components/AnotherOne'
import AnotherTwo from '@/components/AnotherTwo'
export default {
name: 'Main',
components: {
External ,
AnotherOne,
AnotherTwo,
}
}
</script>
В моеммаршруты, которые у меня есть, со всеми импортированными:
{
path: '/destiny',
name: 'destiny',
components: {
default: Destiny,
header: Header,
footer: Footer
},
props: true
}
И, наконец, целевой компонент выглядит (он очень большой):
<template>
<div class="finalComponent">
<span @click="active = 'destiny'" :class="{ active: active ==='destiny' }">destiny</span>
<span @click="active = 'blabla'" :class="{ active: active ==='blabla' }">ASpan</span>
...
</template>
<script>
import { mapGetters, mapActions } from 'vuex'
...
export default {
created () {
this.aMethod()
},
mounted () {
this.active = this.$props.menu
},
...
props: {
menu: {
type: String,
required: true,
default: 'house'
}
}
}
</script>
Я считаю, что у меня есть все, но переменная Iпотребность не загружается.Согласно chrome dev tools, он даже не отправляется компоненту из роутера.Очаровательная душа вокруг, которая может освободить меня от этого бедствия?Спасибо