vue子组件接受数组参数渲染无效？

Question

当我在子组件中将arr参数定义到data内时，组件能正常使用：


效果：
;

当我按照组件传参的方式将arr参数定义到props中，组件就无法正常使用：

页面上点击图片就没反应...

有谁知道这是什么原因的嘛？

Answer 1

你的 default 默认值错了, 怎么是函数, 既然是 Array, 默认值应该是 []
包括你截图中上面的 url 的默认值也有问题, 要么不指定, 要指定 String 的默认值也应该是 "" 或者 "helloworld" 诸如此类的

Answer 2

default如果不确定传过来的类型，建议你不要设置了，直接props:['srcList']