Solución:
Dado que la barra de herramientas es display:flex
podrías usar class="shrink"
…
<v-text-field
hide-details
label="Filled"
placeholder="Search"
filled
rounded
dense
single-line
append-icon="mdi-magnify" class="shrink">
</v-text-field>
Demostración: https://codeply.com/p/h3Y8u3nK7P
Puede hacerlo por CSS en estilo de ámbito:
<style scoped>
/deep/ .v-text-field{
width: 400px;
}
</style>
y para obtener información detallada, lea la documentación de Vuetify.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)