我希望制作一个通用的模态框组件,可以容纳任何内容,从纯文本到图像/按钮等。如果我这样做:
<div class="Modal">
<div class="header"></div>
<div class="body">{{content}}</div>
<div class="footer"></div>
</div>
我无法将HTML直接传递到内容中,只能传递文本。我该如何创建一个组件,使得父组件可以传入任何想要的HTML呢?如果我想向页脚添加n个按钮,每个按钮都有自己的回调函数怎么办?我应该采用更好的方式吗?
outerHTML
替换应用它的元素。innerHTML
将其添加为子元素。 - Günter Zöchbauer