首页 新闻 搜索 专区 学院

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 ,研究了好久还是搞不定,请教一下这里的高手。

帝之晓的主页 帝之晓 | 初学一级 | 园豆:98
提问于:2020-08-10 22:35
< >
分享
所有回答(2)
0

先把 person传到 van-dialog 类似于 <van-dialog :data="person">
在van-dialog里接收数据,img才可以使用
具体可以参考文档vue 组件 通过 Prop 向子组件传递数据

电磁魔王喵喵 | 园豆:1319 (小虾三级) | 2020-08-11 10:18
0

:src=“ person.img ”你绑定是字符串,显示不出来,
你可以在父页面 import img1 from '/pic/001.jpg',
然后生成json文件:
[
{"name":"张三","img": img1},
{"name":“李四”,“img”: img1}
]
最后传值

月下大庚角 | 园豆:189 (初学一级) | 2020-08-21 15:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册