有没有人能够将道具传递到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开发人员的想法吗?