我们需要在自定义元素的采用的回调中做什么?

问题描述 投票:1回答:1

我已经阅读了关于自定义元素和adoptedCallback的各种文档,它们说“当元素被采用到另一个文档时调用,即当有人调用Document.importNode(customElement)时”。但这不是很多信息。

我实际上需要采用什么样的回调?换句话说,adoptedCallback特别有用吗?有哪些实际例子?自定义元素作者特别想用adoptedCallback实现什么?许多自定义元素作者没有考虑的场景是什么,但他们应该在adoptedCallback中考虑和处理?

javascript html web-component custom-element
1个回答
2
投票

我看到的主要用例是当你想移动一些自定义元素时。

  • 如果你在<iframe>中有自定义元素并希望它移动到另一个<iframe>或主文档,你可能想要在自定义元素所有者文档发生更改时实现某些操作,但是当自定义元素移动到自定义元素内部时<iframe>或文件。

示例:从工具栏拖放到目标HTML文档的IDE。

  • 另一个用例,您可能需要在导入它时(在adoptedCallck()中)只执行一次自定义元素中的一些昂贵的操作(计算,数据加载),而不是每次连接它时(在connectedCallback()中)。

示例:包含远程数据的工作表/表。

HTML Imports也是如此,但现在它的相关性较低。

© www.soinside.com 2019 - 2024. All rights reserved.