首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >可以在高山js中选择$refs吗?

可以在高山js中选择$refs吗?
EN

Stack Overflow用户
提问于 2021-10-15 07:15:28
回答 1查看 643关注 0票数 1

我想知道在Alpine.js中是否可以选择所有前缀相同的$refs。

例如,如果我有一个div列表:

代码语言:javascript
运行
复制
<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的事情

Wildcards in jQuery selectors

getElementById() wildcard

我尝试使用相同的引用分配所有选项卡,但它似乎只返回引用的最后一个元素。

我可以使用平方表示法:this.$refs'tab-1'单独访问它们,但我不确定是否存在通配符选择。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-10-15 11:12:34

因此,在浏览了文档和github帮助部分之后,通配符选择可能还不能在alpine.js上使用。

我相信这是我所需要的:

代码语言:javascript
运行
复制
this.$el.querySelectorAll('#tabs');

要获得更多信息,请查找原始帖子https://github.com/alpinejs/alpine/issues/252

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69581132

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档