Vant中插槽的使用


Vant 提供了豐富的組件插槽,通過插槽可以對組件的某一部分進行個性化定制。

例如,我們希望對組件cell在輸出內容前加上圖標,原代碼為:

<van-cell
  v-for="item in formEntryList.list"
  :key="item.id"
  @click="goApplyForm(item.pageCode)"
  :title="item.workName"
>
</van-cell>

使用插槽后,為

<van-cell
  v-for="item in formEntryList.list"
  :key="item.id"
  @click="goApplyForm(item.pageCode)"
>
  <template #default>
    <van-icon name="edit" />
    <span>{{ item.workName }}</span>
  </template>
</van-cell>

即可加入圖標。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM