在循环中使用插槽--作用域插槽
作者:
胖鱼尾巴 | 来源:发表于
2018-07-27 09:06 被阅读20次A组件内容
<li class="product_item" v-for="(item,index) in imgs" :key="index" >
<a @click="$router.push('/home/goodsdetail/' + item.id)">
<div style="height:180px">
<img v-lazy="item.src" alt="">
</div>
<p class="mui-ellipsis ds_ellipsis mui-text-left">12345 </p>
<div class="price_cart">
<span>¥560.00</span>
<slot :item="item"/>
</div>
</a>
</li>
// imgs通过props传入
B组件中使用A组件
<A :imgs="imgs">
<button class="ds_addshopcart" slot-
scope="slotProps">cart</button>
</A>
本文标题:在循环中使用插槽--作用域插槽
本文链接:https://www.haomeiwen.com/subject/cahwmftx.html
网友评论