根据itemType动态设置表单类型:文字输入、单选框、多选框
可以使用一个switch语句根据itemType的值来确定type的值,具体代码如下:
this.formData = this.activityDetail.customizeList.map((item) => {
let type = '';
switch (item.itemType) {
case '1':
type = '文字输入';
break;
case '2':
type = '单选框';
break;
case '3':
type = '多选框';
break;
default:
type = '';
}
return {
id: item.customizeId,
placeholder: `请输入${item.itemLabel}`,
label: item.itemLabel,
type: type,
rules: {
name: item.customizeId,
value: '',
verify: true,
errMess: `${item.itemLabel}未填写`,
},
};
});
在这个代码中,首先根据itemType的值来确定type的值,然后将其他属性和rules属性设置为相应的值,最后返回一个对象。这个对象会被添加到formData数组中,最终用于渲染表单。
原文地址: https://www.cveoy.top/t/topic/owLG 著作权归作者所有。请勿转载和采集!