https://alpinejs.dev/advanced/async
我按照上面的 URL 進行了嘗試，但沒有任何結果。
問題出在哪里？
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<!-- 〇 -->
<h1 x-data="{ message: 'I ?? Alpine' }" x-text="message"></h1>
<!-- × -->
<span x-text="getLabel()"></span>
<script>
function getLabel() {
return 'Hello World!'
}
</script>
<!-- × -->
<span x-text="await getLabel()"></span>
<script>
async function getLabel() {
let response = await fetch('...')
return await response.text()
}
</script>
uj5u.com熱心網友回復：
Alpine.js 檔案在高級章節中省略了這些資訊，因為它假定讀者已經熟悉了該點的基礎知識。所以你總是需要一個x-data指令來激活一個 Alpine.js 組件。如果您沒有任何反應資料，只需x-data在元素（或任何父元素）上使用空屬性。
<span x-data x-text="await getLabel()"></span>
<script>
async function getLabel() {
let response = await fetch('...')
return await response.text()
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/451753.html