iT邦幫忙

0

請問一個tailwind bg的問題

  • 分享至 

  • xImage

各位前輩們好

想請問 TailWindcss 裡面bg的寫法

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

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

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

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
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 檢舉

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

我要發表回答

立即登入回答