Передача логического значения от vue router к его компоненту - PullRequest
Новая
       5

Передача логического значения от vue router к его компоненту

0 голосов
/ 12 октября 2018

Я новичок в Vuejs.Я пытаюсь инициировать переход каждый раз, когда пользователь нажимает на ссылку маршрутизатора домашней страницы.Я прочитал некоторую документацию «Передача реквизита компонентам маршрута» , введите описание ссылки здесь , но все еще не могу заставить его работать.Я тестировал переход работает.Но похоже, что загруженный логический код не был правильно передан моему компоненту.

Маршрутизатор index.js 

   {
      path: '/',
      name: 'Home',
      component: Homepage,
      props: { loaded: true }
  },

Компонент домашней страницы: 

<template>
 <transition name='fade'>
    <div  class="rgba-blue-grey-strong container" v-show="loaded">
     <p>Text with transition Every time user access Homepage component</p>
    </div>
 </transition>
</template>
<script>
export default {
     name: "Homepage",
     props:['loaded'],
     data(){
        return{
           loaded: false,
       }
     }
}

1 Ответ

0 голосов
/ 12 октября 2018

В объекте props и data определено loaded.Удалите объект в вашем data объекте, и все будет хорошо. 

<script>
export default {
  name: "Homepage",
  props:['loaded'],
  data(){
    return {
    }
  }
}
</script>
...