vue里面组件传值，父组件内容传到子组件的slot里问题
0
悬赏园豆：20
[待解决问题]
我有一个json是类似这样子的
persons:
[
{"name":"张三","img":"./pic/001.jpg"},
{"name":“李四”,“img”:"./pic/002.jpg"}
]
在一个vue的页面里是类似这么使用，每行调用了了一个vant-dialog组件，想在每个van-dialog里显示对用的图片，
<ul>
<li v-for=" person in persons">
<van-dialog>
//slot里使用了图片
<img :src=“ person.img ” >
</van-dialog>
</li>
</ul>
现在的问题就是 在这个img里这么能调用到父组件里persion.img ，研究了好久还是搞不定，请教一下这里的高手。
所有回答(2)
0
先把 person传到 van-dialog 类似于 <van-dialog :data="person">
在van-dialog里接收数据，img才可以使用
具体可以参考文档vue 组件 通过 Prop 向子组件传递数据
0
:src=“ person.img ”你绑定是字符串，显示不出来，
你可以在父页面 import img1 from '/pic/001.jpg',
然后生成json文件：
[
{"name":"张三","img": img1},
{"name":“李四”,“img”: img1}
]
最后传值
