X-TAG: attributeChanged不在火狐和边缘上

Question

http://codepen.io/eeliya/pen/qNpBro

如果您在chrome上运行此codepen演示，当您单击该按钮时，您将看到一个警告。

但这在Firefox或Edge上不起作用。换句话说，attributeChanged不会在FF和边沿上触发

Answer 1

这似乎是WebComponents polyfill中的一个错误。我找到的解决此问题的方法是在组件上使用setAttribute()，而不是直接赋值。换句话说，用component.setAttribute('active', true)代替component.active = true。