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

Question

查看此fiddle .

有一个家长<table> html 标签和嵌套的自定义 riot 标签来构建行。

在检查生成的标记时，测试行将呈现在表外部。

如果我使用嵌套 <div />以这种方式，它按照我的预期呈现 - 元素的子元素。这是设计使然吗？或者 html 表格内部渲染工作方式的怪癖？

Answer 1

对我来说这似乎是一个错误，即使您使用最新的防暴版本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 -attribute，可以解决你的 issue :

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

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

额外小费

要检查标记的有效性/正确性，只需将 riot 标签包装在 template 标签中并检查其 innerHTML:

https://jsfiddle.net/aebo6zpg/