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>
即可加入圖標。