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>

任何人都可以看到我为什么做错了什么，但为什么没有选择该元素？

亲切的问候，乔什

Answer 1

它应该可以正常工作，我没有发现任何问题：Here's是一个简单的工作副本。进行检查以确保没有差异。

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

1 个答案: