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

问题描述

问 题

请问有没有办法将

<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判断来实现组件的渲染呢

解决方案

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

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

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

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

这篇关于vue.js - vue 通过js来渲染component组件 不通过html标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！