請問一個tailwind bg的問題

tailwindcss vue3 vuejs vite

hihi 2022-06-24 13:10:26 ‧ 816 瀏覽

各位前輩們好

想請問 TailWindcss 裡面bg的寫法

假設data內有三個照片的路徑有辦法使用v-for的方式將路徑帶到tailwind的bg裡面嗎

有看了tailwind的文檔但是寫法不能寫死不太清楚要如何動態產出

請前輩們指教一下關鍵字十分感謝

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

froce

iT邦大師 1 級 ‧ 2022-06-24 14:02:47

最佳解答

文檔不是有寫?

<div class="bg-[url('/img/hero-pattern.svg')]">
  <!-- ... -->
</div>

改成

<div v-for="pic in pics" :class="`bg-[url('${pic}')]`">
  <!-- ... -->
</div>

試試看。

hihi iT邦新手 5 級 ‧ 2022-06-24 14:36:26 檢舉

十分感謝大大，眼殘了...

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

IT邦幫忙