0

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

这是我的父代码:

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

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

亲切的问候,乔希

4

1 回答 1

1

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

于 2020-02-04T19:11:08.013 回答