如何挂载动态添加的标签

Question

我有两个文件（dialog.tag）和（radio.tag）包含在页面中，使用命令riot.mount('*')

进行编译和装载

我正在尝试将DOM元素动态添加到已安装的防暴标记（对话框）中：

<dialog-tag id="dialog">
   <div ref="body"></div>
</dialog-tag>

在安装上一个标记后运行的另一个脚本中：

let dialog = document.getElementById("dialog")._tag;
dialog.refs.body.innerHtml = "<div><radio label='some label'></radio></div>"

我想要做的是将广播标记添加到对话框标记后进行编译。有办法吗？

Answer 1

我认为你是以错误的方式去做。我建议使用riot内置标签 yield 来做这些事情。 它使它更简单，更清洁。 标签定义：

<dialog-tag>
    </yield>
</dialog-tag>

然后用法

<dialog-tag id="kuku">

    dialog content... may include anything you want, including other tags

</dialog-tag>