<div id="app"> <el-form v-model="form" label-width="100px" class="process-edit-form"> <el-form-item v-for="item in formParams" :label="item.name + ':'"> <!-- 这里取 item.html并渲染--> </el-form-item> </el-form> </div>var app = new Vue({ el: "#app", data: { button: '<el-button type="primary">按钮</el-button>', form: { name: '', age: '' }, formParams: [ {name: '名称', type: 'name', html: '<el-input v-model.trim="form.name"></el-input>'}, {name: '年龄', type: 'age', html: '<el-input v-model.trim="form.age"></el-input>'}, ] }, mounted() { this.$nextTick(function () { this.$forceUpdate(); }) } })
因为我这个要根据后台返回的数据来动态渲染组件,传给我一个这样字符串的话,用什么样的方式可以实现?
用v-html渲染的是这个标签,而不是组件。
相关分类