After the element foreground page obtains the background data, how to obtain the edited data?

< el-form class= "from-n" ref= "form": model= "form" label-width= "80px" style= "width:940px; margin:auto; float:left;" >

           <!-- <input type="hidden" name="id" value="{$info.id}"> -->
      <el-header class="xsq">
          <div class="xsq_b" type="text" plain></div>
      </el-header>
      <el-form-item label="" prop="company">
        <el-input value="{$info["company"]}" v-model="company"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-input value="{$info["phone"]}" v-model="hpone"></el-input>
      </el-form-item>
      <el-form-item label="">
      <el-input type="email" value="{$info["email"]}" v-model="email"></el-input>
      </el-form-item>
      <el-form-item label="">
      <el-input value="{$info["address"]}" v-model="address"></el-input>:-46
      </el-form-item>
      <el-form-item label="">
        <el-input value="{$info["legalperson"]}" v-model="legalperson"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-input value="{$info["dfinput"]}" v-model="dfinput"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-input value="{$info["legalpersonid"]}" v-model="legalpersonid"></el-input>
      </el-form-item>
      <el-form-item>
          <el-button style="margin:auto;" type="primary" @click="submitForm"></el-button>
      </el-form-item>
    </el-form>
  </el-container>
  <!--  end -->
</el-container>






var Main = {

    data() {
      var info={:json_encode($info)};

/ / alert (JSON.stringify (info));

      return {
        form: {
          company: "",
          phone: "",
          email: "",
          address: "",
          legalperson: "",
          dfinput: "",
          legalid: ""

        },
        rules:{
          company:[{ required: true, message: "", trigger: "blur"}],
        }
      }
    },
     methods: {
    submitForm(formname) {
      // alert(this.$refs[formname].company)
      // aa(this.$refs[formname])
        this.$refs[formname].validate((valid) => {
            if (valid) {
           }
           }




the data in vue is bidirectionally bound, so your data type can be like this

<el-form class="from-n" ref="form" :model="form" label-width="80px" style=" width:940px; margin:auto; float:left;">
<el-form-item label="" prop="company">
    <el-input value="{$info['company']}" v-model="***form.company***"></el-input>
</el-form-item>
<el-form>

if the data structure returned by the background is inconsistent with the current data structure during the reelection, then process the data in mounted first and put the values in this.form one by one

.
Menu