跳转至

Jeecg下拉框设置默认值

j-category-select、j-dict-select-tag 下拉框如何设置默认值 ? 官方 inssues

暂时两种方案 1. validatorRules中设置 initialValue 2. this.form.setFieldsValue({name: '设置值'})

validatorRules 中设置 initialValue

  1. 表单元素为必填项且加默认值
<a-input v-decorator="['value',validatorRules.inputValue]"></a-input>
data(){
    return {
        validatorRules: {
            inputValue: {
              // 校验
                rules: [{ required: true, message: '请输入XXX!' }],
              // 默认值
                initialValue: '默认值'
            }
        }
    }
}
  1. 下拉框存在数据字典时
<a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="项目报告输入种类">
  <j-multi-select-tag
    v-decorator="['reportType', validatorRules.reportType]"
    placeholder="请选择报告输出种类"
    dict-code="proofreading_report_type"
  />
</a-form-item>
export default {
  data: {
    return {
            validatorRules: {
              reportType: { 
                rules: [{ required: true, message: "请选择报告输出种类!" }], 
                // 下拉框value
                initialValue: "LPER,FMR,SSER,NDR,THDR,FPSER,SPTR" 
              }
            },
    }
  }
}

下拉框存在数据字典

this.form.setFieldsValue

注意:使用 getFieldsValue getFieldValue setFieldsValue 等时,应确保对应的 field 已经用 getFieldDecoratorv-decorator 注册过了。

也可以通过 this.form.setFieldsValue 来动态改变表单值。参考 ant design Form

methods: {
  handleSelectChange(value) {
    console.log(value);
    this.form.setFieldsValue({
      note: `Hi, ${value === 'male' ? 'man' : 'lady'}!`,
    });
  },
},

参考

  • https://github.com/jeecgboot/jeecg-boot/issues/1530
  • https://www.cnblogs.com/limeiky/p/15899112.html
  • https://blog.csdn.net/m0_64210833/article/details/127491987