Vue+element,form submits the form. When submitting the form for the second time, you need to click twice to succeed.

when modifying a piece of data in the table list, the modified data is submitted for the first time, and the table list is updated in real time, but when it is modified for the second time, there is no real-time update. I don"t know how to solve the following is my code

html:
 <el-dialog center title="" :visible.sync="dialogFormVisibleEdit">
                <el-form  label-width="150px"  :inline="true" :model="editForm" class="demo-form-inline">
                   <div class="formMain">
                        <div class="formLeft">
                             <el-form-item label="" prop="name">
                                <el-input v-model="editForm.name"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="nickname">
                                <el-input v-model="editForm.nickname"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="">
                                <el-select v-model="editForm.gender" placeholder="">
                                <el-option label="" value="f"></el-option>
                                <el-option label="" value="m"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="" prop="birthday">
                                <el-date-picker
                                    v-model="editForm.birthday"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="">
                                </el-date-picker>
                            </el-form-item>
                            <el-form-item label="" prop="mobile">
                                <el-input v-model="editForm.mobile"  :disabled="true" placeholder=""></el-input>
                            </el-form-item>
                            <!-- <el-form-item label="">
                                <el-select v-model="form.region" placeholder="">
                                <el-option label="" value="shanghai"></el-option>
                                <el-option label="" value="beijing"></el-option>
                                </el-select>
                            </el-form-item> -->
                            <el-form-item label="" prop="address">
                                <el-select
                                v-model="sheng"
                                @change="choseProvince"
                                placeholder="">
                                    <el-option
                                        v-for="item in province"
                                        :key="item.id"
                                        :label="item.value"
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="" prop="address">
                                <el-select
                                v-model="shi"
                                @change="choseCity"
                                placeholder="">
                                    <el-option
                                        v-for="item in shi1"
                                        :key="item.id"
                                        :label="item.value"
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="" prop="address">
                                <el-select
                                v-model="qu"
                                @change="choseBlock"
                                placeholder="">
                                    <el-option
                                        v-for="item in qu1"
                                        :key="item.id"
                                        :label="item.value"
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </el-form-item>
                        </div> 
                        <div class="formRight">
                            <el-form-item label="" prop="address">
                                <el-input v-model="editForm.address"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="createDate">
                                <el-input  v-model="editForm.createDate" :disabled="true"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="updateDate">
                                <el-input  v-model="editForm.updateDate" :disabled="true"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="accumulateAmount">
                                <el-input  v-model="editForm.accumulateAmount" :disabled="true"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="source">
                                <el-input  v-model="editForm.source" :disabled="true"  placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="" prop="remark">
                                <el-input type="textarea" v-model="editForm.remark" placeholder=""></el-input>
                            </el-form-item>
                            <el-form-item label="">
                                <el-select v-model="editForm.flag" placeholder="">
                                <el-option label="" value="0"></el-option>
                                <el-option label="" value="1"></el-option>
                                </el-select>
                            </el-form-item>
                        </div>
                     </div>
                </el-form>
                <div class="tableThree">
                    <div class="thirdTables">
                        <el-table
                            :data="thirdConns"
                            height="160"
                            border
                            >
                            <el-table-column
                                prop="createDate"
                                label=""
                                width="180">
                            </el-table-column>
                            <el-table-column
                                prop="platform"
                                label=""
                                width="180" :formatter="handlePlatForm">
                            </el-table-column>
                            <el-table-column
                                prop="openid"
                                label="openID">
                            </el-table-column>
                        </el-table>
                     </div>
                </div>
                <div slot="footer" class="dialog-footer footerBtn">
                    <el-button @click="byeFlase"> </el-button>
                    <el-button type="primary" @click="submitForm()"> </el-button>
                </div>
        </el-dialog>
        
        
        js:
          //
            submitForm:function(){
                var self = this
              // console.log(qs.stringify(this.editForm));
               var form =qs.stringify(this.editForm);
               var formData = self.editForm;
               api.MyaddEndEditRequestTwo(Url.usersMange.UsesEdit,form)
                .then( res => {
                    //this.search();
                    console.log(res)
                           this.$message({
                                message:res.data.message,
                                type:"success"
                            }) 
                          this.dialogFormVisibleEdit = false; 
                          if(res.code == "0"){
                             self.search();
                          }
                         
                }).catch(error  => console.log(error));
              
            },

ask all the gods to help solve

Dec.08,2021

you should have gone through the background once in the middle to see if the data you passed to the background and the data returned to you are correct, and locate the location of the problem


problem description is not clear, "there is no real-time update" what is not real-time update, is it the bound value? Does the second click adjust the interface? The interface has been adjusted several times.

Menu