Ошибка при передаче реквизита от родительского к дочернему компоненту - PullRequest
Новая
       1

Ошибка при передаче реквизита от родительского к дочернему компоненту

0 голосов
/ 04 февраля 2020

Итак, у меня проблема с передачей реквизита из моего родительского представления в другое представление, сейчас я просто тестирую, используя простую переменную, но она, похоже, не поднимает ее ... ошибок нет или что-то, это просто не отображается на моей странице.

Вот мой родительский код: 

<template>
  <v-app>
    <Navbar v-bind:currency="currency"/>
    <v-content class="mx-5 my-5" v-bind:currency="currency">
      <router-view></router-view>
    </v-content>

  </v-app>
</template>

<script>
import Navbar from '@/components/Navbar'

export default {
  name: 'App',
  components: {
    Navbar
  },
  data() {
    return {
      currency: "$ test"
    }
  },
};
</script>

А вот фрагменты кода из моего дочернего элемента: 

export default {
  name: "Home",
  props: ['currency']
}

И где я использую валюту: 

<div class="text-center green--text font-weight-bold headline">{{ currency }}</div>

Может кто-нибудь увидеть что-то, что я сделал неправильно, относительно того, почему этот элемент не поднимается?

С уважением, Джо sh

1 Ответ

1 голос
/ 04 февраля 2020

Должно работать нормально, я не вижу в этом ничего плохого: Вот простое рабочее воспроизведение. Проверьте это, чтобы убедиться, что нет никаких отличий.

...