Vue.js Vuetify嵌套表单元素不使用$refs

我无法使我的表单能够使用我在表单中定义的引用。我的结构看起来有点像这样：

<v-form v-model="myModel" ref="form">
  <v-container grid-list-md>
    <v-layout wrap>
      <v-flex xs4>
        <v-combobox
            v-model="comboModel"
            item-text="name"
            return-object
            :items="itemArray"
            label="combo model*"
            required
            ref="form"
          ></v-combobox>
      </v-flex>
    </v-layout>
  </v-container>
  <v-container grid-list-md>
    <v-layout wrap>
      <v-flex xs4>
        <v-combobox
            v-model="comboModel2"
            item-text="name"
            return-object
            :items="itemArray"
            label="combo model*"
            required
            ref="form"
          ></v-combobox>
      </v-flex>
    </v-layout>
  </v-container>
</v-form>

我只是想知道是否有任何关于这个的文档，或者这个结构是什么导致这个失败的。我尝试过添加输入元素作为form元素的直接继承项，效果很好。问题是当我像这样嵌套它们时，我需要在表单的视觉结构中保持一些完整性

ref="form" 

对所有人来说都是一样的。因此，您无法使用此。$refs.form访问它。而不是给他们一个唯一的名字。比如说

ref="form", ref="combo1", ref="combo2" . 

---

您已经命名了三个完全相同的引用（

ref=“form”

）。那是故意的吗？哇。。。这就是为什么你不编码流感？我肯定这个例子就是这样的，但事实并非如此，这是有道理的。把答案贴出来，我会把它标记为已接受。谢谢最后一部分是错误的。ref只有在

v-for

中时才是数组，第二句也不正确。这并不是说你不能访问ref；相反，ref并不一定指您期望的元素。

ref="form", ref="combo1", ref="combo2" .