nuxt.js - &gt; v-bind到<nuxt>的道具

时间:2017-03-29 18:20:32

标签: vue.js nuxt.js

我制作了一个nuxt.js项目。我正在尝试将数据传递给组件(nuxt)。在我的第一个vue文件中,我有这段代码

<nuxt v-bind:cur-language="curLanguage"/>

在vue文件中放入“占位符”我有这个

...
{{ curLanguage }}  
...
export default {
layout: 'default',
props: [
'curLanguage'
],
...

'{{curLanguage}}'在我的显示代码中,其余的在我的javascript代码中。

问题

为什么curLanguage为空,我没有收到错误?使用“普通”vue,您可以通过这种方式将信息传递给组件。

1 个答案:

答案 0 :(得分:0)

使用您的<nuxt/>标签检查nuxt是否使用此标记进行布局 所以它认为你试图在那里嵌入布局。 尝试重命名组件标记名称。

查看Nuxt layout docs