可以在 Alpine js 中通配符 select of $refs 吗？

Question

我想知道是否可以在 Alpine.js 到 select 中使用相同前缀的所有 $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>

是否有 select 所有以“tab-”开头的选项卡？我想做一些类似于 jQuery/QuerySelectorAll

的事情

Wildcards in jQuery selectors

getElementById() wildcard

我尝试为所有选项卡分配相同的引用，但它似乎只 return 最后一个带有引用的元素。

我可以使用方块符号单独访问它们：this.$refs['tab-1'] 但我不确定是否有通配符select离子.

欢迎任何形式的建议或讨论。谢谢。

Answer 1

因此在浏览完文档和 github 帮助部分后，alpine.js 上的通配符选择可能尚不可用。

我相信这是我需要的：

this.$el.querySelectorAll('#tabs');

查找原文post获取更多信息https://github.com/alpinejs/alpine/issues/252

可以在 Alpine js 中通配符 select of $refs 吗？

Possible to wildcard select of $refs in Alpine js?

javascript

alpine.js