element 前台页面获取到后台数据后，编辑后的数据怎么获取？

Question

<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) {
           }
           }）

Answer 1

vue里面的数据都是双向绑定的 所以你的数据类型可以是这样的

<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>

在回选的时候 如果后台返回的数据结构与当前不一致的话 那就先在mounted里面对数据进行处理 把值一一放到this.form里面