javascript - Webcomponents v1 - 非法构造函数

标签 javascript html web-component custom-element

尝试使用 webcomponents 但遇到了一个我没有得到的错误。

标记很简单,应该可以工作。 2个文件,都是html文件。

错误标记在 <script> 上在控制台中标记。

感谢您的帮助。

附言。我正在运行 Google Chrome Beta 以使 customElements 正常工作。

km-button.html

<script>

class KmButton extends HTMLButtonElement {

   constructor() {
     super();
   }

}

customElements.define('km-button', KmButton, {extends: 'button'});

</script>

index.html

<!DOCTYPE html>
<html>
    <head>
        <!--  import webcomponents  -->
        <link rel="import" href="./components/km-button.html">
    </head>
    <body>
        <km-button>hej</km-button>
    </body>
</html>

错误

km-button.html:1 Uncaught TypeError: Illegal constructor(…)KmButton @ km-button.html:7

最佳答案

实际上它仍然不起作用(在您更正之后)。

据我所知extends Chrome 的自定义元素 v1 中尚未实现此功能。

所以 is=语法被简单地(默默地)忽略,您的按钮被视为标准 <button> .

关于javascript - Webcomponents v1 - 非法构造函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39625876/

相关文章:

css - float DIV 在高度变化时破坏设计

css-selectors - 我如何编写影子 dom *在*大多数 child 之后选择特定元素?

javascript - jquery 表单提交已取消

javascript - 如何限制多次加载同一个js

javascript - Ember : How to get mouse event in a view that's not the target

javascript - 获取组件中的旧输入

javascript - 需要有关 insideHTML 和数组输入变量的帮助

html - 当 <ul> 内部和 <nav> 内部时,如何对齐 <li> 中心

javascript - 实例化 polymer 元素后如何使用它?

javascript - Web 组件 : Firefox custom-element is not showing