Polymer 聚合物和Elm vdom不一致性

鉴于：

---

在这两种情况下：

• 当应用程序以

  swiper启动时

• 稍后在用户事件（单击）中添加

  开关时

这是呈现的html：

尽管我们已经达到了一致性，但是没有渲染

swiper节点

。你知道当你将dom元素悬停在inspector中时，它会在渲染窗口中高亮显示吗？嗯，将鼠标悬停在任何一个子节点上都不会显示任何内容

---

我只使用聚合物抽象/组件，所以我可以很好地利用Elm中的js库。因此，不要假设我对聚合物或网络组件有很好的了解。

只要在

模板中添加
内容
，组件就会变成：

 window.Polymer = {
   dom: 'shadow',
   lazyRegister: true
 };


（功能（）{
聚合物({
是：“swiper节点”，
});
}());

：：卷曲和哭泣：：
swiper节点内容被阴影DOM隐藏。使用“shady”而不是“shadow”@Supersharp shady在没有配置的情况下隐式使用。实际问题是缺少
标记。我很快就会写一篇短文。
<dom-module id="swiper-node">

   <template></template>

   <style>
   </style>

   <script>
     (function () {
       Polymer({
         is: 'swiper-node',
       });
     }());
   </script>
</dom-module>

 window.Polymer = {
   dom: 'shadow',
   lazyRegister: true
 };

<dom-module id="swiper-node">

   <template><content></content></template>

   <style>
   </style>

   <script>
     (function () {
       Polymer({
         is: 'swiper-node',
       });
     }());
   </script>
</dom-module>