侃侃爾雅
2023-07-20 14:22:08
我正在嘗試學習 Alpine,并且正在測試嵌套的 x-data。我遇到了有關嵌套 x-data 的 GitHub 問題。他們提供了一個我想親自嘗試的解決方案。但是,當我嘗試復制代碼時,它沒有打印任何內容??刂婆_中也沒有錯誤。誰能指導我我做錯了什么?<div x-data="{foo: 'bar'}"> <div x-data="{ }"> <span x-text="foo"></span> </div></div>我也嘗試使用該$el屬性,但它產生了相同的結果。
4 回答

炎炎設計
TA貢獻1808條經驗 獲得超4個贊
Alpine.js 中的嵌套不像 Vue/React 中那樣有效。當您嵌套組件時,它無法訪問父組件的數據,只能訪問自己的數據。
您需要像這樣將foo屬性添加到嵌套中x-data
<div x-data="{ }">
<div x-data="{ foo: 'bar' }">
<span x-text="foo"></span>
</div>
</div>
添加回答
舉報
0/150
提交
取消