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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31bf0-2bda0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31bf0-2bda0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?