前几天做的一个任务需要用到动态组件,说穿了其实也不复杂。
<div for:each={elements} for:item="item" key={item.key}> <c-my-lwc > </c-my-lwc> </div>
@track elements = [];
然后改变elements数组,比如elements = [...elements, {key: foo}],或者elements.splice(1,1),就能动态产生所需要的n个组件。