首先需要下载安装
npm install form-making
main.js中引入
import FormMaking from "form-making";
import "form-making/dist/FormMaking.css";
Vue.use(FormMaking);
使用
表单信息
<fm-generate-form :data="jsonData" ref="generateForm" :value="data"></fm-generate-form>
<el-button type="success" @click="submitFunc">提交</el-button>
<script>
export default {
data(){
return{
jsonData:{
list: [],
config: {
labelWidth: 100,
labelPosition: "right",
size: "small",
customClass: ""
}
},
}
},
methods:{
// this.jsonData.list = JSON.parse(后台返回的动态表单数据)
submitFunc() {
this.$refs.generateForm.getData().then(data => {
let obj = {};
for (let i in data) {
obj[i] = data[i];
}
this.handleShowAdd(obj)
})
.catch(e => {
alert(e);
});
} ,
handleShowAdd(data) {
let param = {
....其他参数
data:data,
}
commonApi.submitProcedure(param).then(res =>{
if (res.code == 200) {
notifySuccess("提交成功");
setTimeout(() => {
this.$router.push({
path: "onlineProcessing",
});
}, 200);
} else {
notifyWarning(res.message);
}
})
},
},
}
</script>