我想知道在Alpine.js中是否可以选择所有前缀相同的$refs。
例如,如果我有一个div列表:
<div>
<div x-ref="tab-1">some random stuff 1</div>
<div x-ref="tab-2">some random stuff 2</div>
<div x-ref="tab-3">some random stuff 3</div>
<div x-ref="tab-4">some random stuff 4</div>
<div x-ref="tab-5">some random stuff 5</div>
<div x-ref="tab-6">some random stuff 6</div>
</div>是否要选择以"tab-“开头的所有选项卡?我想做一些类似jQuery/QuerySelectorAll的事情
我尝试使用相同的引用分配所有选项卡,但它似乎只返回引用的最后一个元素。
我可以使用平方表示法:this.$refs'tab-1'单独访问它们,但我不确定是否存在通配符选择。
欢迎任何形式的建议或讨论。谢谢。
发布于 2021-10-15 11:12:34
因此,在浏览了文档和github帮助部分之后,通配符选择可能还不能在alpine.js上使用。
我相信这是我所需要的:
this.$el.querySelectorAll('#tabs');要获得更多信息,请查找原始帖子https://github.com/alpinejs/alpine/issues/252
https://stackoverflow.com/questions/69581132
复制相似问题