首页 > 解决方案 > Riot.js 4,如何挂载嵌套标签

问题描述

我在 Riot.js 4 中创建应用程序并使用浏览器内编译(用于原型制作),在 Riot.js 3 中一切正常。但是,当我使用嵌套标签时,只有根标签被安装,而不是任何子标签. 如果我单独安装每个嵌套标签,它们安装得很好。

最小的例子在这里:https ://plnkr.co/edit/hxXUvmsjEgE3eDAF

<main>
    <p>main tag</p>
    <footer></footer>
</main>

<footer>
    <p>footer</p>
</footer>

riot.mount('main')

如果我还安装嵌套组件,它可以工作,请参见此处:https ://plnkr.co/edit/UDkdZ55ynTYz9uxL

riot.mount('main')
riot.mount('footer')

这样做的正确方法是什么?

标签: javascriptriot.js

解决方案


在 riot 中,您不能使用另一个现有标签的相同名称,因此,因为页脚是现有标签,您应该更改“页脚”组件的名称,它会正常工作!;)


推荐阅读