vue 大约有100多个表单的页面,表单预览应该怎么做呢

Question

问题描述

有个表单页面，大概有100个左右的表单，包括输入框，单选，多选，下拉，富文本
要求做个 表单预览 页面，目前想到的方法是新建一个组件，然后把这些表单数据全部改成
p标签静态显示，但感觉工作量重复，有其他办法吗？
注：表单数据可以写在vuex里
追加：因为做表单时有的一行有四个输入框，有的一行有三个，有的只有一个富文本框，如果使用统一的v-for循环数据，那样式怎么处理呢，预览页面的样式以及各个元素的位置如何保持和输入表单的页面一致

Answer 1

用render函数封装一个组件 然后在vuex里面写一个list 直接v-for循环该组件即可 具体渲染什么标签 标签有什么数据 一概用props传递，在list中定义好