ayo/wcb
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: only call onChanges when previousValue !== currentValue

Browse source
This commit is contained in:
Ayo 2023-09-17 13:48:57 +02:00
parent 8cfd286598
commit 0ba7738da1
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
WebComponent.mjs
View file

@ -23,10 +23,9 @@ export class WebComponent extends HTMLElement {
attributeChangedCallback(property, previousValue, currentValue) {
if (previousValue !== currentValue) {
this[property] = currentValue;
this.onChanges({ property, previousValue, currentValue });
this.render();
}
this.onChanges({ property, previousValue, currentValue });
}
render() {

4
demo/index.html
View file

@ -16,6 +16,10 @@
setTimeout(() => {
helloWorld.setAttribute("emotion", "excited");
}, 2500);
helloWorld.addEventListener("click", () => {
helloWorld.setAttribute("name", "Clicked");
});
</script>
</body>
</html>