javascript - riotjs在表外渲染嵌套标签行

参见此fiddle。

有一个父<table> html标签和嵌套的自定义riot标签来建立该行。

在检查生成的标记时，测试行将显示在表格外部。

如果我以这种方式使用嵌套的<div />，它将按我的期望进行渲染-元素的子级。这是设计使然吗？还是在html表格内部使用渲染方式的怪癖？

最佳答案

对我来说似乎是个错误，即使您使用最新的防暴版本2.4.1，您的testrow也不会呈现在table元素中。

如果将testrow包裹在div中

<div>
  <testrow></testrow>
</div>

...它按应有的方式呈现：

<div>
  <testrow><tr> <td>1</td> </tr></testrow>
</div>

我建议打开一个新的issue。

更新资料

毫无疑问，您呈现的结果将只是无效的标记。 Riot 2.3.17引入了一个新的data-is属性，该属性可以解决您的issue：

<table>
  <tbody data-is="testrow"></tbody>
</table>

https://jsfiddle.net/v5ytp918/4/

额外提示

要检查标记的有效性/正确性，只需将防暴标签包装在template标签中，然后检查其innerHTML：

https://jsfiddle.net/aebo6zpg/