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

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