vuetifyjs/vuetify

[Feature Request] Slot `placeholder` for `VTextarea`

Open

#20.886 aperta il 20 gen 2025

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VFieldC: VTextareaT: featuregood first issue

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

Problem to solve

v-textarea has a template slot for label which is useful to customize the label.

My current use case is to have a smooth transition if the label changes based on previous user input:

<v-textarea v-model="inputMessage">
  <template #label>
    <v-fade-transition mode="out-in">
      <div :key="inputMessageLabel">{{ inputMessageLabel }}</div>
    </v-fade-transition>
  </template>
</v-textarea>

inputMessageLabel changes based on previous user input.

This is cool, but that type of changing message would better be placed as a placeholder. Unfortunately I can't use a transition in the placeholder like I'm doing here, because there's no slot for it.

Proposed solution

Have a slot for placeholder that works analog to the slot for label

Guida contributor

Direzione di ricerca
Il componente VTextarea probabilmente ha un template con uno slot label. Per implementarlo, trova il file del componente VTextarea (ad es. packages/vuetify/src/components/VTextarea/VTextarea.ts o .vue) e aggiungi uno slot placeholder nel template seguendo il modello dello slot label esistente. Assicurati che lo slot placeholder sia tipizzato e documentato correttamente. Verifica se esistono test esistenti per gli slot che possono essere estesi.
Tech stack
typescriptvue
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitVue
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80