子组件无法获取父组件传来的值

有三个嵌套组件,由A->B->C
通过v-bind="$attrs"从A中传递参数shop_id到C,在C中可以通过{{ shop_id }}显示出来,在vue devtool中也能看到C组件中是有props的shop_id值的,但是在C中console.log(this.shop_id)却是undefined,要怎样才能在C中去操作props中的shop_id值呢?
1.png

2.png

3.png

image.png

阅读 3.6k
2 个回答

原因:如果数据是异步传下来的,只有在watch里面才能看到值,mounted的时候是没有值的。

组件C加载的同时 外部shop_id没有值。
验证:在你的C组件created或者mounted里面写2个输出shop_id,一个直接输出,另一个延时输出

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题