没有立即设置传递给 vue-router 的 prop答案

【问题标题】：Passed prop to vue-router is not set immediately没有立即设置传递给 vue-router 的 prop
【发布时间】：2018-05-20 02:45:35
【问题描述】：

我已经像这样设置了我的 vue-router：

<router-view action="/test"></router-view>

在我的一个路由器组件中，我设置了这样的道具：

props: {
    action: {
        required: true,
        type: String
    }
}

但这会导致错误：

vue.esm.js:574 [Vue 警告]：缺少必需的道具：“action”

如果我只是简单地回显模板中的操作，它已经设置好了，并且 vue devtools 看起来不错：

{{ action }}

看来 prop 到达组件的速度不够快，无法进行初始所需的检查。

我认为这应该简单有效吗？

【问题讨论】：

【解决方案1】：

块引用

用冒号:绑定数据。将您的router tag 更改为

<router-view :action="'/test'"></router-view>

【讨论】：