Gibt es eine Möglichkeit, einen Wert im Modell zu ändern, wenn eine Eingabe den Fokus erhält / verliert?
Der Anwendungsfall hier ist eine Sucheingabe, die während der Eingabe Ergebnisse anzeigt. Diese sollten nur angezeigt werden, wenn der Fokus auf dem Suchfeld liegt.
Folgendes habe ich bisher:
%Vor%Und dann,
%Vor% Die Idee hier ist, dass magic_flag zu true werden sollte, wenn das Suchfeld den Fokus hat. Ich könnte das manuell machen (zB mit jQuery), aber ich möchte eine reine Vue.JS Lösung.
Offensichtlich ist dies so einfach wie ein bisschen Code auf Eventhandlern .
%Vor%Sie können die Suche auch aktivieren, wenn der Benutzer die Eingabe mauset - @mouseover = ...
Ein weiterer Ansatz für diese Art von Funktionalität ist, dass die Filtereingabe immer aktiv ist, auch wenn sich die Maus in der Ergebnisliste befindet. Durch Eingabe von Buchstaben wird die Filtereingabe geändert, ohne den Fokus zu ändern. Bei vielen Implementierungen wird das Filtereingabefeld erst angezeigt, nachdem ein Buchstabe oder eine Zahl eingegeben wurde.
Sehen Sie sich @ event.capture an.