javascript - vue的router-view如何传递props
伊谢尔伦
伊谢尔伦 2017-04-11 10:41:26
[JavaScript讨论组]

vue-router的文档中指出,router-view是可以传递props的。但是在实际使用的时候,子组件总是会报Invalid prop ... got Undefined.







查阅了别人的问题都说用Vuex,那么文档中所说的『You can pass props to it.』具体应该怎样做?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
巴扎黑

修正:

OK,既然我们已经知道你之前的问题只是手误,那就往下走(之前的回复都可以作废)。

你说你做了多级路由,所以问题就在这了,从最外层的<router-view>设置props,想在下面的某一级sub-router接收,那麻烦点,你得在中间路过的每一级都把props透传下去,直至你最里层的那个组件。

我做了一个三级的jsfiddle,最外层放:room,中间透传,三层组件Bar接收。

估计这次可以解决你问题了

巴扎黑

最近也遇到这个 在router-view 传参数 在props里面去接收 ,看了楼上大哥的回答 还是没懂..

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号