将道具从父组件传递到子组件时出错答案

【问题标题】：Error with passing a prop from parent to child component将道具从父组件传递到子组件时出错
【发布时间】：2020-02-04 18:48:21
【问题描述】：

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

这是我的父代码：

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

这是来自我的子元素的代码 sn-ps：

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

以及我在哪里使用货币：

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

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

亲切的问候，乔什

【问题讨论】：

乍一看，我看不出你的代码有什么问题。为了更清楚，我通常这样定义我的道具：props: { currency: String, default: '$ 0.00' }。试试看，看看有什么效果。

标签： javascript vue.js vue-props

【解决方案1】：

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

【讨论】：

谢谢，发现错误 - 基本上将 v:bind 附加到错误的 div，需要将其附加到 router-view :-)