Zuletzt geändert am:
Die Konfiguration erfolgt in Vue über Props an FormcentricForm.
Die fachliche Semantik der gemeinsamen Formcentric-Keys ist zentral in Client (Allgemein) dokumentiert.
Diese Seite zeigt daher vor allem die Vue-Schreibweise und Vue-spezifische Besonderheiten.
Die gemeinsame Semantik von height und maxWidth ist in Formcentric Client (Allgemein) beschrieben. In Vue können diese Werte direkt als Props oder über containerProps am Wrapper gesetzt werden.
Beispiel mit Props:
Beispiel mit normalen Vue-Attributen:
Beispiel mit containerProps:
Die fachliche Semantik von parentUrl ist in Formcentric Client (Allgemein) beschrieben.
In Vue wird derselbe gemeinsame Key direkt als Prop parentUrl gesetzt, zum Beispiel wenn sich das Formular in einem Modal befindet.
Beispiel:
Die fachliche Semantik von vars und das gemeinsame Verhalten mit URL-Parametern sind in Formcentric Client (Allgemein) beschrieben. In Vue wird der gemeinsame Key direkt als Prop vars gesetzt.
Beispiel:
Die gemeinsame Semantik von language und locale ist in Formcentric Client (Allgemein) beschrieben. In Vue werden dieselben Keys direkt als Props gesetzt.
Beispiel:
Die gemeinsame Semantik von localesPath und die Struktur der Übersetzungsdatei sind in Formcentric Client (Allgemein) beschrieben. In Vue wird derselbe gemeinsame Key direkt als Prop localesPath gesetzt.
Beispiel:
Beispiel für eine Lokalisierungsdatei:
Die gemeinsame Semantik von configuration ist in Formcentric Client (Allgemein) beschrieben. In Vue wird derselbe gemeinsame Key direkt als Prop configuration gesetzt.
Beispiel:
Die gemeinsame Semantik von formName, refs, requestHeaders und weiteren Metadaten ist in Formcentric Client (Allgemein) beschrieben. In Vue werden diese gemeinsamen Keys direkt als Props gesetzt.
Beispiel:
Die Komponente FormcentricForm unterstützt alle Mount-Konfigurationswerte als Top-Level-Props sowie Vue-spezifische Zusatz-Props und Events.
remountKey?: string | numbercontainerProps?: Record<string, unknown> Übergibt Attribute an das umschließende <div>, zum Beispiel class, style, id, role, aria-* oder weitere Attribute.<FormcentricForm> Attribute wie class, style, id oder aria-* werden ebenfalls auf das umschließende <div> angewendet.@ready Wird nach erfolgreicher Initialisierung ausgelöst.@error Wird bei Initialisierungs- oder Laufzeitfehlern ausgelöst. Das Event liefert ein Error-Objekt.conflictBehavior?: 'throw' | 'stop-existing'embedId bereits auf einer anderen oder derselben DOM-Instanz aktiv ist.stop-existing aktiv.Die fachliche Semantik der gemeinsamen Props ist in Fomcentric Client (Allgemein) beschrieben.
In Vue heißen sie:
| Prop |
| embedId |
| formDefinition |
| srcUrl |
| dataUrl |
| formappUrl |
| designUrl |
Die fachliche Semantik der gemeinsamen Props ist in Formcentric Client (Allgemein) beschrieben.
In Vue heißen sie:
| Prop |
| designUrl |
| themeUrl |
| themeVariableUrl |
| themeVariables |
| templateUrl |
| themeDir |
| theme |
| skipThemeLoad |
| skipTemplatesLoad |
| skipFormLoad |
Die fachliche Semantik der gemeinsamen Props ist in Formcentric Client (Allgemein) beschrieben.
In Vue heißen sie:
| Prop |
| vars |
| params |
| refs |
| token |
| requestHeaders |
| formName |
| instanceId |
| contentHandler |
| env |
| parentUrl |
| configuration |
Die fachliche Semantik der gemeinsamen Props ist in Formcentric Client (Allgemein) beschrieben.
In Vue heißen sie:
| Prop |
| language |
| locale |
| localesPath |
| debug |
| maxWidth |
| height |
embedId oder formDefinition muss gesetzt sein.embedId, formDefinition oder remountKey führen zu einer erneuten Einbettung.provideFormcentricConfig(...) Werten oder browser-globalen Defaults wirken ebenfalls erst nach einer erneuten Einbettung.class, style, id, aria-* oder containerProps betreffen das umschließende <div> und nicht die laufende Formcentric-Instanz selbst.conflictBehavior standardmäßig auf stop-existing gesetzt.skipThemeLoad und skipTemplatesLoad werden nur berücksichtigt, wenn sie explizit gesetzt sind.embedId stabil bleiben.remountKey verwendet werden, nicht ein wechselnder Vue-key.vars, params, themeVariables, configuration oder containerProps sollten als serialisierbare Objekte übergeben werden.data-fc-watch ist für komponentenbasierte Vue-Einbettungen nicht relevant.
