cols: 8
}
],
buttons: {
onSubmitText: '提交',
onResetText: '重置'
}
}
}
},
methods: {
getFormData() {
console.log(this.formData);
},
queryOrderType() {
setTimeout(() => {
this.config.fieldsConfig[1].options = [
{ label: 'select1', value: 'key1'},
{ label: 'select2', value: 'key2'},
{ label: 'select3', value: 'key3'}
];
}, 100)
},
queryAreaTree() {
this.config.fieldsConfig[4].options = [
{
id: 'a',
label: 'a',
children: [{
id: 'aa',
label: 'AA',
}, {
id: 'ab',
label: 'AB',
}],
}, {
id: 'b',
label: 'B',
}, {
id: 'c',
label: 'C',
}
] }
}
}
</script>
大概就是这样的思路，我们希望我们只要写上面那样子的配置数据就可以动态生成各种这样的表单组件，不用写一大堆重复代码。如果有更好的解决办法，欢迎和我联系。另外，代码路径https://github.com/supportlss/vue-dynamic-form
