項(xiàng)目中使用Vue+ElementUI動(dòng)態(tài)創(chuàng)建表單，傳入json串?dāng)?shù)據(jù)，生成對(duì)應(yīng)的form表單，想使用 v-model 進(jìn)行數(shù)據(jù)綁定，結(jié)果出錯(cuò)。 代碼如下：

template部分：

<el-form label-width="120px">
   <el-form-item v-for="(item,index) in formDataJson" :label="item.label">
      <el-input v-if="item.type === 'input'" v-model='item.val'></el-input>
   </el-form-item>
</el-form>
<h2>{{myData.formData.name}}</h2>

js部分：

 var myData = {
    formData: { //存儲(chǔ)數(shù)據(jù)
      name: 'Tom',
    },
  }
  export default {
    name: 'app',
    data() {
      return {
        myData,
        formDataJson: [
          {  //Json串
          type: 'input',
          label: 'name',
          val: myData.formData.name,
        }
        ]
      }
    },
  }

實(shí)際顯示：

我的數(shù)據(jù) name 需要存儲(chǔ)在myData.formData中， val也是對(duì)應(yīng)的 myData.formData.name 但是改變input值時(shí)，name還是不變，不知道哪里出錯(cuò)了，應(yīng)該怎么綁定數(shù)據(jù)呢，求助