Question

我有一个相对简单的页面，它从CDN加载Riot.js，从本地脚本文件加载RiotControl，从文件加载RiotControl的Store，以及两个自定义标记custom-a和{{1 }}

custom-b

正在安装标记 - 两个标记文件中的<div class="ui text container" id="context"> <form class="ui form"> <h1>A Descriptive and Lovely Header</h1> <div class="ui divider"></div> <custom-a/> <p>this is just a paragraph</p> <custom-b/> </form> </div>  <script> RiotControl.addStore(new Store()); riot.mount('*'); </script>行显示 - 并且事件正确路由（再次通过console.log证明）。但是，在第一个自定义标记呈现后没有任何内容：console.log显示在顶部，custom-a显示在顶部，但是custom-b它们之间没有呈现，而另一个不会呈现，如果它在那里。

我认为它可能是CSS的一些问题，所以我从页面中删除了语义UI链接，但除了样式之外没有区别。

有什么想法吗？

Answer 1

这不是一个暴动问题，它是浏览器呈现自动关闭标签的方式。检查这个小提琴https://jsfiddle.net/9uezdbo9/1/

前

<div>Element before</div>
<self-close/>
<div>Element after</div>

呈现

<div>Element before</div>
<self-close>
  <div>Element after</div>
</self-close>

参考：https://github.com/riot/riot/issues/1111检查GianlucaGuarini答案

Answer 2

它最终变得非常简单：＆＃34;即时编译＆＃34; Riot.js的方面似乎并不能很好地处理自闭标签。这很好用：

<custom-a></custom-a>
<custom-b></custom-b>

为什么我的Riot.js标签中只有一个呈现？

2 个答案: