ant select onchange事件中setFieldsValue结果getFieldsValue得到的是undefined

在修改记录中的一个值时发现修改不了,该值在界面中使用的下拉框,设置了allowClear,在清空时其他控件值要跟着变动,清空触发不了select事件,就用了change事件,在change事件中用setFildsValue给下拉框设置了空字符串,结果提交后台时这个值成了undefined,mybatisplus更新策略是not-null,不更新值为null的字段,导致这个值无法更新,仔细查看文档,经多次尝试,发现了options.getValueFromEvent这个属性可以使用,代码如下

 <a-select v-decorator="['zid',
                                     {
    
    
                                        getValueFromEvent:(value)=>{
    
     return this.handlerSelZ(value); }
                                     }]"  allowClear >
                        <a-select-option v-for="z in zlist" :key="z.id" :value="z.id">{
    
    {
    
    z.mc}}</a-select-option>
                      </a-select>
 handlerSelZ(zid) {
    
    
        // // this.getBjList(zid)
        // if (!zid) {
    
    
        //   this.form.setFieldsValue({ zid: '1' })
        //   console.log('zid', this.form.getFieldsValue(),this.model ) 
        // }else{
    
    
        //   this.form.setFieldsValue({ zyid: zyid })
        // }
        return zyid?zyid:'';
      },

折腾了仨小时,记录下来,以备后用

猜你喜欢

转载自blog.csdn.net/wyljz/article/details/108721275