Jeecg下拉框设置默认值
j-category-select、j-dict-select-tag 下拉框如何设置默认值 ? 官方 inssues
暂时两种方案 1. validatorRules中设置 initialValue 2. this.form.setFieldsValue({name: '设置值'})
validatorRules 中设置 initialValue
- 表单元素为必填项且加默认值
data(){
return {
validatorRules: {
inputValue: {
// 校验
rules: [{ required: true, message: '请输入XXX!' }],
// 默认值
initialValue: '默认值'
}
}
}
}
- 下拉框存在数据字典时
<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
已经用getFieldDecorator
或v-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