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

Question

我做了一个nuxt.js项目。我正在尝试将数据传递给组件（nuxt）。在我的第一个 vue 文件中我有这个代码

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

在一个 vue 文件中 'placeholder' 我有这个

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

“{{ curLanguage }}”在我的显示代码中，其余部分在我的 javascript 代码中。

问题

为什么 curLanguage 是空的，我没有收到错误消息？使用 'normal' vue，您可以通过这种方式将信息传递给组件。

Answer 1

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

nuxt.js -> v-bind to props of <nuxt>