访问多个实例挂载的 RiotJS 标签内容

Question

我有一个奇怪的情况不知道要解决。一次性安装标签效果很好。但是，当我以这种方式挂载标签的多个副本时：

HTML:

   <div class="o-container o-container--medium">
     <div class="o-grid o-grid--small-full o-grid--medium-full o-grid--large-full">
       <div id="crd-demo-1" class="o-grid__cell">

     <rg-card shadow="highest">
     My additional <b>content</b> here. <rg-badge style="success">This works!</rg-badge><br /><br />
     </rg-card>

   </div>
   <div id="crd-demo-2" class="o-grid__cell">

     <rg-card shadow="high">
       My additional <b>content</b> here. Other <b>RiotGear2</b> can also be used inside your card.
       <rg-badge style="brand">This works too!</rg-badge><br /><br />
     </rg-card>
   </div>
 </div>

然后我挂载如下：

          var tags = riot.mount("div#crd-demo-1","rg-card", {
    // omitted for clarity
          });

          var tags = riot.mount("div#crd-demo-2","rg-card", {
// omitted for clarity
          });

当我查看 this.root._innerHTML 时，我没有得到标签内容，而是父声明 () 加上内容。所以它将标签嵌套在自身中。

我知道这就是我安装标签的方式，以便为每个标签提供不同的选项。热烈欢迎任何关于如何解决这个问题的建议。

Answer 1

我在 RiotJS Github 问题上解决了这个问题。

这是link。

总结

<div data-is="rg-card" .... >
   ... content
</div>

访问多个实例挂载的 RiotJS 标签内容

Accessing RiotJS tag contents for multiple instance mounts

riot.js