Übergabe von Feature-Attributen
In ofa.js sind Attribute eine der am häufigsten verwendeten Methoden zur Datenübertragung zwischen Komponenten. Deklarieren Sie einfach die erforderlichen Attribute im attrs-Objekt der Komponente, um externe Daten in die Komponente zu übertragen, wenn Sie die Komponente verwenden.
Grundlegende Verwendung
Definition der Empfangseigenschaften
Bevor Sie eine Komponente verwenden, müssen Sie zuerst die zu empfangenden Attribute im attrs-Objekt der Komponente deklarieren. Attribute können Standardwerte festlegen.
First: {{first}}
Full Name: {{fullName}}
Wichtige Regeln
-
Typbeschränkung: Der übergebene Attributwert muss ein String sein; andere Typen werden automatisch in Strings umgewandelt.
-
Namenskonvertierung: Da HTML-Attribute nicht zwischen Groß- und Kleinschreibung unterscheiden, muss bei der Übergabe von Attributen, die Großbuchstaben enthalten, die Benennung mit
-getrennt werden (Kebab-Case-Format).- Beispiel:
fullName→full-name
- Beispiel:
-
Muss definiert sein: Wenn die Komponente das entsprechende Attribut nicht im
attrs-Objekt definiert hat, kann dieses Attribut nicht empfangen werden. Der gesetzte Wert ist der Standardwert; wenn kein Standardwert gewünscht wird, setzen Sie ihn aufnull.
User Name: {{userName}}
Age: {{age}}
Vorlagensyntax zur Weitergabe von Attributen
In der Komponentenvorlage kann mit der Syntax attr:toKey="fromKey" das fromKey-Datum der aktuellen Komponente an das toKey-Attribut der untergeordneten Komponente übergeben werden.
👇
Full Name: {{fullName}}
Mehrstufige Übertragung
Es ist möglich, Attribute durch mehrfach verschachtelte Komponenten schichtweise weiterzugeben.
Wenn eine Komponente von anderen Komponenten abhängt, muss das Modul der anderen Komponenten in der Komponente importiert werden.
Äußere Komponente empfängt: {{userName}}
Innere Komponente empfängt: {{userName}}