猿问

vue 中怎么渲染字符串形式的组件标签?

<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渲染的是这个标签,而不是组件。

四季花海
浏览 2659回答 1
1回答
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答