vue3：如何将后端返回的vue文件动态的显示在页面上？

Question

目前的需求是这样的，需要做动态表单，后端会存储一堆JSON来做表单组件配置如：

{
    name:'input',
    props:{
        enable:true,
        max:50
    }
}

我这边需要做解析，然后在渲染在页面上。要如何渲染呢？

Answer 1

这个和静态表单的区别就是表单项的props是动态写入的，只不过属性名称可能不一致，v-for循环FormItem，然后将配置按对应的属性填入FormItem就行了