如何将道具传递到组件页面

nuxt.js Vue.js

伽罗

2020-03-24

有没有人能够将道具传递到Nuxt.js中的页面?

典型的Vue.js道具可以这样传递:

// parent-component.vue


<child-component :basket-count="items.length"/>

<script>
import ChildComponent from './child-component'
export default {
  data () {
    items: [{}, {}]
  },
  components: {
    childComponent: ChildComponent
  }
}
</script>


// child-component.vue


<p>You have {{ basketCount }} items in your basket</p>

<script>
export default {
  props: [
    'basket-count'
  ]
}
</script>

但是,<nuxt />在布局中使用标记时default.vue,道具不会像应有的那样传递给子页面。

讨论已经在这里进行,但是票证似乎没有定论。我尚无法解决实现此目标的可行方法。

是否会发回邮件,但想知道来自Nuxt.js开发人员的想法吗?

第3308篇《如何将道具传递到组件页面》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android