是否可以更改 v-autocomplete 宽度？

Posted 2023-02-23

【中文标题】是否可以更改 v-autocomplete 宽度？

【英文标题】：Is it possible to change v-autocomplete width?

【发布时间】：2020-06-11 06:34:35

【问题描述】：

我在 Vue 工具栏中使用自动完成组件。但它的宽度是固定的（可能是）。是否可以更改v-autocomplete的with

<v-autocomplete
            v-model="select"
            :loading="loading"
            :items="items"
            :search-input.sync="search"
            chips
            clearable
            hide-details
            hide-selected
            append-icon=""
            solo
            item-text="name"
            item-value="symbol"
            label="Where do you want to live..."
            background-color="white"
            prepend-inner-icon="mdi-magnify"
            class="widthOfSearch"
            style="width: 350px!important;"
            >
            <template v-slot:no-data>
                <v-list-item>
                <v-list-item-title>
                    Search for your favorite
                    <strong>Room</strong>
                </v-list-item-title>
                </v-list-item>
            </template>
</v-autocomplete>

Link: https://vuetifyjs.com/en/components/autocompletes

【问题讨论】：

据我所知所有 vuetify 组件都与网格系统兼容，所以它应该缩放到父列的宽度是多少？

没有固定父列。 v-container

【参考方案1】：

试试这个：

<v-col cols="12" sm="6" md="3">
  <v-autocomplete
      ----------      
  </v-autocomplete>
</v-col>