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

最新推荐文章于 2023-11-22 17:41:55 发布

低調的D吖

最新推荐文章于 2023-11-22 17:41:55 发布

阅读量311

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/software20121216/article/details/105222059

版权

vue 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

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

<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]” 這種寫法不行