vue 通过js来渲染component组件 不通过html标签

Question

请问有没有办法将

<div class="form-group" v-for="item in items" >
    <ui-input v-if="item.type=='text'"></ui-input>
    <ui-radio v-else="item.type=='radio'"></ui-radio></div>
</div>

这边的判断通过js判断来实现组件的渲染呢

Answer 1

这种想法是不对的。你用v-for遍历items，遍历几次会判断几次是否是input或者radio。

如果想动态渲染组件，请使用动态组件。

下面是我帮你完善的例子：

https://jsfiddle.net/xiaoluob...

Answer 2

组件建切换可以使用

<component :is="componentId"></component>

链接