Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

428
Visualizações
Long text in v-autocomplete

I need the v-autocomplete component to show the full text of the selected element.

In the selection it appears correctly:

But once selected it is shown like this, I don't know that the full text does not appear:

over 4 years ago · Santiago Trujillo
1 Respostas
Responde à pergunta

0

Solution 1

Maybe you want to use the selection slot of the v-autocomplete and split your value into parts for better reading.

<v-autocomplete
  v-model="value"
  :items="items"
  dense
  filled
  label="Filled"
>
  <template v-slot:selection="{ item }">
    <div class="d-flex flex-column"> 
      <span>First</span> <!-- or e.g. item.fullname -->
      <span>Second</span> <!-- or e.g. item.address -->
    </div>
  </template>
</v-autocomplete>

Will result in: enter image description here

Solution 2

Or you could use word-break: break-all; like

.v-autocomplete .v-select__selections {
  word-break: break-all;
}
over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda