Vue通过组件的type类型封装动态组件

Question

我需要遍历el-checkbox和el-radio

通常场景场景是

<el-checkbox v-fo="item in 2"></el-checkbox>
这时候页面出现了2个
<el-checkbox>1<el-checkbox>
<el-checkbox>2<el-checkbox>

实际上期望的是
<el-checkbox>1<el-checkbox>
<el-radio @click="func">2<el-radio>

就是将多个不同的组件遍历到页面上渲染 而不是单独遍历一个组件出来,而且我可能el-radio还绑定了事件

除了楼下的is 通过rander函数也能实现,有大神出过或看过比较好的文章吗

Answer 1

用vue动态组件就能满足吧，

<component v-bind:is="currentTabComponent"></component>

遍历时，传入不同组件名，