可以使用一个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数组中,最终用于渲染表单。

根据itemType动态设置表单类型:文字输入、单选框、多选框

原文地址: https://www.cveoy.top/t/topic/owLG 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录