首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >以vuejs格式获取表单中的所有in /值

以vuejs格式获取表单中的所有in /值
EN

Stack Overflow用户
提问于 2020-12-18 05:01:05
回答 1查看 86关注 0票数 1

我正在使用vuetifys的v-form组件来创建一个表单。在表单中,有大量的v-text-field和v-checkbox组件,它们是动态创建和分配ids的。我希望能够打印出所有的it /值(到控制台作为概念证明),但我没有看到任何关于如何做到这一点的文档。

例如:

代码语言:javascript
运行
复制
<v-form v-model="foo" ref="bar">
 <v-text-field :id="dynamicallyGenerated" class="baz"/>
 <v-text-field :id="anotherDynamicallyGenerated" class="baz"/>
 <v-checkbox :id="yetAnotherDynamicallyGenerated" class="baz"/>
</v-form>

...
const elements = this.$refs.bar.$el;

// And somehow I would like to get an array of all the form elements that have
// the class called "baz" then do something like this with it
someArray.forEach((entry) ==> {
  console.log(entry.id, entry.value);
});

我尝试过使用this.$refs.bar.$el.querySelectorAll(".baz");,但是它返回了大量的嵌套div(由于vuetify构建组件的方式),而且看起来很难处理。我想知道我是否应该使用querySelectorAll,或者是否有更简单的东西。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-18 21:22:50

这比我想象的要简单。我只需要做

代码语言:javascript
运行
复制
this.$refs.bar.$el.querySelectorAll(".baz input")
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65348294

复制
相关文章

相似问题

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