传递给 vue-router 的道具不会立即设置

Question

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

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

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

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

但这会导致错误：

vue.esm.js:574 [Vue warn]: Missing required prop: "action"

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

{{ action }}

似乎道具到达组件的速度不够快，无法进行初始检查。

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

Answer 1

Blockquote

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

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

Passed prop to vue-router is not set immediately