我在嘗試使以下代碼正常作業時遇到了一些問題。我確定我正在尋找一些簡單的東西，但無法發現它
我的代碼出現錯誤：Alpine Expression Error: unexpected token: string literal
<div
x-data="{ images: ['background-1.jpg', 'background-2.jpg'], index: 0}"
x-init="index = Math.floor(Math.random() * images.length)">
<div :style="'background-image: url(/img/' $images[index]')'"></div>
uj5u.com熱心網友回復：
您正在嘗試使用混合的 PHP-JS 語法。JS 不需要變數的美元符號前綴（僅當您最初添加它們時）。
更正的語法（影像 URL 周圍有額外的單引號）：
<div :style="'background-image: url(\'/img/' images[index] '\')'"></div>
或者我們也可以將JS 模板文字與 IMO 更具可讀性的 backtics (`) 一起使用：
<div :style="`background-image: url('/img/${images[index]}')`"></div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/430333.html
上一篇：如何在Laravel中接收陣列驗證的驗證器陣列的特定索引？
下一篇：Laravel關系存盤到樞軸空