分享至
各位前輩們好
想請問 TailWindcss 裡面bg的寫法
假設data內有三個照片的路徑 有辦法使用v-for的方式將路徑帶到tailwind的bg裡面嗎
有看了tailwind的文檔 但是寫法不能寫死 不太清楚要如何動態產出
請前輩們指教一下關鍵字 十分感謝
已邀請的邦友 {{ invite_list.length }}/5
文檔不是有寫?
<div class="bg-[url('/img/hero-pattern.svg')]"> <!-- ... --> </div>
改成
<div v-for="pic in pics" :class="`bg-[url('${pic}')]`"> <!-- ... --> </div>
試試看。
十分感謝大大,眼殘了...
IT邦幫忙