javascript - 高山嵌套 x 数据
问题描述
我正在尝试学习 Alpine,并且正在测试嵌套的 x 数据。我遇到了嵌套 x-data 的 GitHub 问题。他们提供了一个我想自己尝试的解决方案。但是,当我尝试复制代码时,它没有打印任何内容。控制台中也没有错误。谁能指导我做错了什么?
<div x-data="{foo: 'bar'}">
<div x-data="{ }">
<span x-text="foo"></span>
</div>
</div>
我也尝试使用该$el
属性,但它产生了相同的结果。
解决方案
正如@LaundroMat 提到的,帮助函数是为此目的而构建的。
<div x-data="{foo: 'bar'}">
<div x-data="{localFoo: 'local bar'}">
<span x-text="$parent.foo"></span>
<p x-text="localFoo"></p>
</div>
</div>
推荐阅读
- python - 在python中不使用任何字符串函数生成一系列数字
- c# - 如何从一段路径和c#中的文件名获取完整路径
- jupyter - 如何从命令行检查 JupyterHub 的版本?
- php - laravel 的问题:未定义的偏移量:0
- python - 使用 pip3:模块“importlib._bootstrap”没有属性“SourceFileLoader”
- python - Python For 循环 Iteran
- xslt - 如何在模板匹配xslt中使用变量
- c - C中的共享内存问题
- asp.net-core - ASP.NET Core - 控制器不会返回视图
- forms - 透明 png 图像在 Xamarin 绝对布局中未显示为透明