In meiner Anwendung habe ich viele Formen und die meisten Eingaben sehen genau so aus:
%Vor%Dies wird immer wieder dupliziert. Das einzige, was sich wirklich ändert, ist der Name des Feldes und der Eingabetyp. Manchmal ist es eine Auswahl und manchmal ist es eine komplexere Komponente anstelle einer einfachen HTML-Komponente.
Meine Idee ist, eine Art Wrapper-Komponente zu erstellen. Also muss ich das alles nicht kopieren und einfach so etwas verwenden:
%Vor%Ich habe versucht, es so zu implementieren, aber es funktioniert nicht:
%Vor%Hast du irgendwelche Ideen? Das Problem ist, dass ich Mixins und Requisiten nicht einfach an das geschlitzte Element / die Komponente übergeben kann.
Wie in den Kommentaren erwähnt, ist es nicht möglich, die Requisiten vom Inhalt des Inhalts an den Slot zu übergeben, der Ihr <input> ist.
Da dies ein ziemlich komplexer Fall ist, würde es die Verwendung einer Renderfunktion erfordern, die die benutzerdefinierten Attribute in das neue Tag sendet, während eine Reihe von Standardattributen angewendet wird.
Ich habe hier einen Proof of Concept gemacht: Ссылка
Beachten Sie, dass dazu alles erforderlich ist, das kein Attribut ist, das auf die Wrapping-Vue-Komponente mit dem aktuellen Kontext angewendet werden soll.
Dies müsste angepasst werden, um alle Ihre Bedürfnisse zu unterstützen, wie die Auswahlfelder und ähnliche Inhalte, aber ich glaube, es ist ein guter Anfang.
Tags und Links javascript vue.js vue-component vuejs2 vee-validate