在循环中使用插槽--作用域插槽

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>&yen;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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容