Vue.js 作为道具传递路由器值

我将数据作为

路线

{
路径：'/name/：nameSlug'，
名称：“NameItem”，
道具：没错，
组件：{home:Name}
},

路由器连接到组件

{{name.english}
//名称对象
{
“id”：1303，
“英语”：“鲍勃”，
“性别”：“M”，
“nameSlug”：“bob”
} 

名称道具

道具：{
名称标签：{
类型：字符串，
必填项：true
}
},

我得到了这个页面的以下错误，问题是什么？使用“vue路由器”：“^3.2.0”：

TypeError:无法读取未定义的属性“nameSlug”

或者，请注意url确实正确更改

[Vue warn]：缺少必需的道具：“nameSlug”

请参见

对于具有命名视图的管线，必须为每个命名视图定义

props

选项

您的路线使用命名视图“home”，因此您将需要以下内容

{
路径：'/name/：nameSlug'，
名称：“NameItem”，
道具：{
默认值：true，
家：真的
},
组件：{home:Name}
},

请参见

对于具有命名视图的管线，必须为每个命名视图定义

props

选项

您的路线使用命名视图“home”，因此您将需要以下内容

{
路径：'/name/：nameSlug'，
名称：“NameItem”，
道具：{
默认值：true，
家：真的
},
组件：{home:Name}
},

是哪一行代码和哪一个文件导致了该错误？看起来问题更像是与

name.nameSlug

有关，而不是与路由器或道具有关。

name

object看起来像什么？@Phil NameItem组件，so/name/bob@raklos这根本不能回答我的问题。当您看到该错误时（可能是在浏览器控制台中），它将包括一个文件和行号。你甚至可以点击它来查看源代码。那一行代码是什么样子的？@Phil我已经更新了，这里有类似的问题，但不确定他是否使用了哪一行代码以及在哪个文件中导致了错误？看起来问题更多的是与

name.nameSlug

有关，而不是与路由器或道具有关。

name

object看起来像什么？@Phil NameItem组件，so/name/bob@raklos这根本不能回答我的问题。当您看到该错误时（可能是在浏览器控制台中），它将包括一个文件和行号。你甚至可以点击它来查看源代码。那一行代码是什么样子的？@Phil我已经更新了，类似的问题在这里，但不确定他是否能让它工作