Как получить доступ к опоре роутера в VUE

Question

Я объявил маршрут, которому я хочу передать опору для отображения того или иного заголовка в моем компоненте индекса, но я никак не могу получить доступ к опоре ...

  {
    path: '/tienda/:id',
    name: 'tienda',
    component: InicioSistema,
    props: { headersistema: true, }
  },

В моем Заголовок. vue

    <div v-if="this.$route.props.headersistema">
A header...
    </div>
    <div v-else>
Show Other header..
    </div>

Answer 1

Удалить this из v-if. Vue уже связывает this при создании шаблона.

<template>
    <div v-if="$route.props.headersistema">A header...</div>
    <div v-else>Show Other header..</div>
</template>

Answer 2

<script>
    export default {
        props: ['headersistema'],
    };
</script>

для тестирования добавьте следующий внутренний скрипт:

 mounted() {
        if (this.headersistema){
            console.log(this.headersistema, 'headersistema')
           
        }
    },