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

Question

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

<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

Answer 1

尝试这个:

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