Web 组件：attributeChangedCallback 未触发

Question

这是一个基本的 hello world Web 组件。当属性“who”更改时，不会触发 attributeChangedCallback。检查小提琴

MyElementProto.attributeChangedCallback = function(attr, oldVal, newVal) {
    console.log('attributeChangedCallback triggered');
        if (attr === 'who') {
            this.setWho(newVal);
        }
    };

https://jsfiddle.net/y3kj81nz/5/

Answer 1

您需要使用以下setAttribute方法：

window.changeWhoAttr = function() {
    var el = document.querySelector('#custom-tag');
    el.setAttribute('who', 'Universe'); // Instead of el.who = 'Universe'
    console.log('changeWhoAttr triggered');
}

小提琴