解決三層 v-for循環數據後v-model綁定el-input 時遇到的坑

因為是要從服務器拿數據下來 並在原數據的基礎上進行更改  如下圖效果

 

<el-table-column label="ContactWindow" align="center" width="150">
              <template slot-scope="scope">
                <template v-if="scope.row.contacts">
                  <el-input v-for="(item,index) in scope.row.contacts" :key="index" v-model="item.contactWindow" size="mini" class="edit-input">
                    <!-- supplierContactWindow -->
                  </el-input>
                </template>
                  <span v-for="(item,index) in scope.row.contacts" v-else :key="index">{{ item.contactWindow }}</span>//v-else要放在el-for後面
              </template>
            </el-table-column>

v-model  v-model=“contacts[index]”  這種寫法不行