gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 02:20:00 24 4
gpt4 key购买 nike

我正在尝试使自定义元素内的文本动态化。我创建了一个自定义元素,它使用纸张按钮库创建一个按钮。我希望显示的文本值是用户调用自定义元素时使用的任何值。

index.html

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

按钮.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 的自定义元素,因为它已被 native 元素占用......并且因为每个自定义元素名称都需要包含“-”。所以可能的名称是my-button

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

如果您仍然想使用它,可以使用默认插槽来实现

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

它将把 light dom 节点放入你的元素中,然后 paper-button 会将它放入自身中。

关于javascript - 使用纸张按钮的自定义元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49201565/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com