传递道具到vue-router没有立即设置

时间:2017-12-06 09:13:26

标签: javascript vue.js vuejs2 vue-component vue-router

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

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

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

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

但这会导致错误:

  

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

如果我简单地回应模板中的动作,它已被设置,并且vue devtools看起来很好:

{{ action }}

似乎道具根本没有足够快地到达组件以进行初始所需的检查。

我认为这应该只是起作用我错了吗?

1 个答案:

答案 0 :(得分:0)

  

块引用

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

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