在循環(huán)中使用插槽--作用域插槽

A組件內(nèi)容
 <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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 專業(yè)考題類型管理運行工作負責人一般作業(yè)考題內(nèi)容選項A選項B選項C選項D選項E選項F正確答案 變電單選GYSZ本規(guī)程...
    小白兔去釣魚閱讀 10,469評論 0 13
  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,172評論 3 119
  • 原文地址 注:此文是我翻譯的第一篇技術(shù)文章。適合有一定CSS原生網(wǎng)格布局使用經(jīng)驗的開發(fā)者(讀前需要先去了解一下原生...
    我不叫沒耐性閱讀 822評論 0 2
  • 七 走出咖啡廳,夕瑤猶豫了一下是等爸爸媽媽一起回去,還是自己先回去。她想還是隨便走走吧!她已經(jīng)很久沒有這樣在街邊散...
    李沐遙閱讀 231評論 0 0
  • 原書鏈接:http://es6.ruanyifeng.com/ Chapter 2:let 和 const 命令 ...
    云之外閱讀 535評論 0 1

友情鏈接更多精彩內(nèi)容