9

如何在 Polymer 3 元素中使用 Polymer 2 元素？以下内容不起作用，因为<link>元素在 shadow dom 中不起作用。

static get template() {
    return '
        <link rel="import" href="...">
        <my-element></my-element>';
}

我们可以简单地从元素中取出<link>并放在顶层，但这感觉就像打破了组件性。

4

3 回答 3

1

您无法加载两个版本的 Polymer（Polymer 2/1 和 Polymer 3），因为 Polymer 向 webcomponents 的 api 注册了一些自定义元素，并且当您尝试从 Polymer 2 和 Polymer 3 的另一个加载组件时，它会告诉您您不能再次注册 x 自定义元素。

但是你可以使用 LitElement 和 Polymer 2/1 中的一个组件，你只需要在你的 LitElement 组件中使用html-import-js 。

于 2018-06-28T12:04:21.900 回答
0

您似乎正在寻找共享样式。由于聚合物提供了影子 DOM，因此范围仅限于组件 DOM。最好在此处引用共享样式...单击此处并按 ctrl+f.，搜索Share styles between elements

于 2019-03-10T07:05:28.647 回答
0

您可以使用此工具将 Polymer 2 组件转换为 Polymer 3 组件： https ://github.com/Polymer/tools/tree/master/packages/modulizer

于 2019-02-24T22:51:39.397 回答