第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Alpine 嵌套 x 數(shù)據(jù)

Alpine 嵌套 x 數(shù)據(jù)

侃侃爾雅 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 回答

?
慕容708150

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個贊

輔助函數(shù)就是為了這些目的而構(gòu)建的。


<div x-data="{foo: 'bar'}">

? ? <div x-data="{localFoo: 'local bar'}">

? ? ? ? <span x-text="$parent.foo"></span>

? ? ? ? <p x-text="localFoo"></p>

? ? </div>

</div>

代碼筆供參考


查看完整回答
反對 回復(fù) 2023-07-20
?
侃侃無極

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個贊

在版本3中alpinejs這個問題已經(jīng)得到解決。不需要做任何事情。



查看完整回答
反對 回復(fù) 2023-07-20
?
炎炎設(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>


查看完整回答
反對 回復(fù) 2023-07-20
?
紅顏莎娜

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超13個贊

您可以使用Alpine Magic Helpers 集合中的$component/$parent 幫助器。


查看完整回答
反對 回復(fù) 2023-07-20
  • 4 回答
  • 0 關(guān)注
  • 243 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號