如何摆脱此 DIV 中的第二个块答案

【问题标题】：How do I get rid of the second block in this DIV如何摆脱此 DIV 中的第二个块
【发布时间】：2020-02-26 06:34:08
【问题描述】：

我一定是错过了什么。

谁能建议如何摆脱右侧的块（SEE SCREENSHOT)？我只是希望搜索框显示全宽和某种原因（我不知道为什么）它被压缩在块中离开了。

<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>

【问题讨论】：

标签： vuetify.js algolia vue-instant-search

【解决方案1】：

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

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

【讨论】：