vuetify.js - 如何摆脱此 DIV 中的第二个块

Question

我一定是错过了什么。

任何人都可以建议如何摆脱右边的块（见屏幕截图）？我只是希望搜索框显示全宽和某种原因（我不知道为什么）它被压缩在左侧的块中。

<v-row>
  <v-col>
     <ais-instant-search :search-client="searchClient" index-name="brands_index">
        <ais-configure :hitsPerPage="5" />
        <ais-autocomplete>
          <div slot-scope="{ indices }">
            <v-autocomplete
              placeholder="Type your brand name here..."
              v-model="brand"
              filled
              :items="indicesToSuggestions(indices)"
            />
            <v-autocomplete label="Components" :items="components"></v-autocomplete>
          </div>
        </ais-autocomplete>
     </ais-instant-search>
   </v-col>
 </v-row>

Answer 1

我想通了......以防其他人遇到同样的问题 - 注意你的风格标签中的这个人。我一定是从一个例子中复制了它并忘记了它。

.ais-InstantSearch {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1em;
}