javascript - 将道具从父组件传递到子组件时出错

Question

所以我在将一个道具从我的父视图传递到另一个视图时遇到问题，现在我只是使用一个简单的变量进行测试，但它似乎没有捡起它......没有错误或任何东西，它只是没有显示在我的页面上。

这是我的父代码：

<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>

谁能看到我在那里做错了什么，为什么这个元素没有被拾起？

亲切的问候，乔希

标签： javascriptvue.jsvue-props

Answer 1

它应该可以正常工作，我看不出有什么问题：这是一个简单的工作复制。检查它以确保没有差异。