亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

Alpine 嵌套 x 數據

Alpine 嵌套 x 數據

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

?
慕容708150

TA貢獻1831條經驗 獲得超4個贊

輔助函數就是為了這些目的而構建的。


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

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

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

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

? ? </div>

</div>

代碼筆供參考


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

TA貢獻2051條經驗 獲得超10個贊

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



查看完整回答
反對 回復 2023-07-20
?
炎炎設計

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>


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

TA貢獻1842條經驗 獲得超13個贊

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


查看完整回答
反對 回復 2023-07-20
  • 4 回答
  • 0 關注
  • 225 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號