Wie kann ich anfängliche Statusdaten an eine Webkomponente übergeben?

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Wie kann ich anfängliche Statusdaten an eine Webkomponente übergeben?

by Anonymous » 27 Feb 2025, 11:26

Ich erstelle ein benutzerdefiniertes Element und suche nach einer guten Möglichkeit, ein Objekt zu übergeben, das seinen Anfangszustand darstellt. Ich denke, mein HTML würde ungefähr so ​​aussehen: < /p>


const myComponent1=document.getElementById("myComponent1");
myComponent1.stateObj={ orientation:"inverted", splines:5, clowns:true }

< /code>
und meine JS -Dateien werden: < /p>
enthaltenclass MyComponent extends HTMLElement {
stateObj;

constructor(){ super(); }

connectedCallback(){
// some init stuff
}

get stateObj(){
return this.stateObj;
}

set stateObj(stateObj){
this.stateObj = stateObj;
}
}
customElements.define('my-component',MyComponent);
< /code>
Bei dem Testen scheint dies zu funktionieren, und ich mag, dass der Ausgangszustand in meinem HTML -Dokument direkt neben der Komponente definiert ist. Aber kann ich sicher sein, dass die Komponente immer bereit ist, eine Eigenschaftsaufgabe von einem Skript -Tag sofort nach ihr zu erhalten?

Top