<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();
})
}
})因?yàn)槲疫@個(gè)要根據(jù)后臺(tái)返回的數(shù)據(jù)來動(dòng)態(tài)渲染組件,傳給我一個(gè)這樣字符串的話,用什么樣的方式可以實(shí)現(xiàn)?用v-html渲染的是這個(gè)標(biāo)簽,而不是組件。
添加回答
舉報(bào)
0/150
提交
取消