<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渲染的是这个标签,而不是组件。
添加回答
举报
0/150
提交
取消