antdv 框架 表单select数据回显 再次选择还是原先数据

Question

使用的antdv框架。页面表格中单行行尾有编辑按钮，点击编辑按钮显示模态框，模态框表单做了数据回显，a-select 标签数据回显正常，但是二次选择新值后，还是显示原先数据。onchange事件能打印新值，怀疑页面对新数值没及时响应，不知道如何解决？在线求助

<a-modal class="my_modal" :title="modalTitle + '供应商'" :visible="visible" @ok="handleOk('modalRuleForm')" @cancel="handleCancel" centered :confirm-loading="confirmLoading">
   <a-form-model class="modal_reset" ref="modalRuleForm" :rules="formRules" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol">
      <a-form-model-item label="负责员工" prop="chargeStaff">
         <a-select placeholder="请选择负责员工" v-model="form.chargeStaff" show-search option-filter-prop="children" :style="resetWidth" @change="chargeStaffHandleChange" @search="chargeStaffSearchFn" :getPopupContainer="(triggerNode) => triggerNode.parentNode" :loading="chargeStuffLoad">
              <a-select-option v-for="(item,index) of chargeStaffSelectData" :key="index" :checkdata="item">{{item.realName}}</a-select-option>
          </a-select>
       </a-form-model-item>
    </a-form-model>
 </a-modal>
 
 // 数据结构
 data(){
   return {
     form: {        
        chargeStaff: undefined,        
      },
   }
 }
 
 // change方法
 chargeStaffHandleChange (value, option) {
      let { id, mobile, realName } = option.data.attrs.checkdata          
      this.form.chargeStaff = realName      
  },

我是这样写的，发现不生效

Answer 1

可以使用this.$forceUpdate()