Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网络组件:未触发attributeChangedCallback_Javascript_Web Component - Fatal编程技术网

Javascript 网络组件:未触发attributeChangedCallback

Javascript 网络组件:未触发attributeChangedCallback,javascript,web-component,Javascript,Web Component,下面是一个基本的hello world web组件。属性“who”更改时不会触发attributeChangedCallback。检查小提琴 MyElementProto.attributeChangedCallback = function(attr, oldVal, newVal) { console.log('attributeChangedCallback triggered'); if (attr === 'who') { this.se

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

MyElementProto.attributeChangedCallback = function(attr, oldVal, newVal) {
    console.log('attributeChangedCallback triggered');
        if (attr === 'who') {
            this.setWho(newVal);
        }
    };
您需要使用以下方法:

您需要使用以下方法:

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