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?
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?