$refs和DOM遍历

Question

我为我的输入使用了一个第三方组件，如下所示：

<base-input
    alternative
    class="mb-3"
    name="Email"
    :rules="{ required: true, email: true }"
    mode="lazy"
    ref="email"
    prepend-icon="ni ni-email-83"
    placeholder="Email"
    v-model="model.email"
>
</base-input>

我正试着把注意力集中在这上面。我研究了一下，您可以使用.$refs.email.$el来获取根元素。然而，这给了我一个跨度，而不是输入控件。

Vue是否具有dom遍历功能，以便我可以在this.$refs.email中获取输入？

提前谢谢你。

Answer 1

嗯，跨度应该包含输入，所以这应该是可行的

this.$refs.email.$el.querySelector('input').focus();