Vuetify - czyszczenie inputa

Vuetify - czyszczenie inputa
Nindzia
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:255
0

Mam mały problem z czymś co wydaje się pierdołą. Po wpisaniu tekstu w inputa i kliknięciu enter chciałbym, żeby zawartość inputa się wyczyściła.
JSFiddle: https://jsfiddle.net/oj2p0tvd/

EL
  • Rejestracja:prawie 9 lat
  • Ostatnio:około 12 godzin
  • Postów:10
1

Wystarczy, że

Kopiuj
<v-text-field :value="inputValue" @keypress.13="test()"></v-text-field>

zmienisz na

Kopiuj
<v-text-field v-model="inputValue" @keypress.13="test()"></v-text-field>

co jest zgodne z przykładami w dokumentacji ;)

https://vuetifyjs.com/en/components/text-fields
https://codepen.io/pen/?&editable=true&editors=101

edytowany 1x, ostatnio: elbroth
ON
Zamiast @keypress.13 lepiej chyba użyć @keypress.enter
EL
@Nindzia: zdecydowanie, jest to dużo bardziej czytelne
Nindzia
  • Rejestracja:prawie 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:255
0
elbroth napisał(a):

Wystarczy, że

Kopiuj
<v-text-field :value="inputValue" @keypress.13="test()"></v-text-field>

zmienisz na

Kopiuj
<v-text-field v-model="inputValue" @keypress.13="test()"></v-text-field>

co jest zgodne z przykładami w dokumentacji ;)

https://vuetifyjs.com/en/components/text-fields
https://codepen.io/pen/?&editable=true&editors=101

Najmniejsze pierdoły zabierają najwięcej czasu, ale chyba najwidoczniej zaczyna mnie łapać rutyna w kodzeniu, że się na czymś takim złapałem, dzięki xd

EL
Czasem. każdy tak ma :P Nie ma sprawy!

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.