Javascript 使用纸张按钮的自定义元素_Javascript_Polymer

Javascript 使用纸张按钮的自定义元素

javascript polymer

Javascript 使用纸张按钮的自定义元素,javascript,polymer,Javascript,Polymer,我试图使自定义元素中的文本成为动态的。我已经创建了一个自定义元素，它使用paper按钮库创建了一个按钮。我希望显示的文本值是用户在调用自定义元素时使用的任何值 i、 e index.html <html> <head> </head> <body> <button>THIS VALUE HERE</button> </body> </html> button.html <

我试图使自定义元素中的文本成为动态的。我已经创建了一个自定义元素，它使用paper按钮库创建了一个按钮。我希望显示的文本值是用户在调用自定义元素时使用的任何值

i、 e

index.html

<html>
  <head>
  </head>
  <body>
    <button>THIS VALUE HERE</button>
  </body>
</html>

button.html

<dom-module id='button'>
<template>
    <paper-button raised> (TO BE PLACED HERE) </paper-button>
</template>
<script>
    class Button extends Polymer.Element {
        static get is() {
            //return custom element
            return 'button';
        }
    }
    customElements.define(Button.is, Button);
</script>

基本上，我希望自定义按钮元素是自定义标记之间的文本值

1您不能有一个名为button的自定义元素，因为它已经被本机元素占用了。。。因为每个自定义元素名称都需要包含一个-。所以一个可能的名字就是我的按钮

2在非本机ShadowDom浏览器IE、Edge、Firefox和Safari上，包装另一个自定义元素具有相当高的性能成本。所以最好直接使用纸张按钮

如果仍要使用它，可以使用默认插槽

<paper-button raised><slot></slot></paper-button>

它会将LightDOM节点放置到元素中，然后paper按钮会将其放置到元素本身中