【element-ui】elementui在数组中添加数据第二条改变时第三条 也变了？

      <el-form-item label="接单时间:" class="slot">
        <div v-for="(item,index) in slotLs">
          <el-time-select placeholder="请选择开始时间" v-model="item.beginTime" @change="changeBegin(item.beginTime)">
          </el-time-select>－
          <el-time-select v-model="item.endTime" placeholder="请选择结束时间">
          </el-time-select>
          <el-checkbox v-model="item.morrow" @change="changeYesDay(index)">次日</el-checkbox>
          <span class="delTime" @click="delTime(index)">删除</span>
        </div>
        <p class="addTime" @click="addTime">增加一个时段</p>
      </el-form-item>

js:

    solt:{
      beginTime: "",
      endTime: "",
      morrow: 0//是否次日
    },
    slotLs:[
      {
        beginTime: "",
        endTime: "",
        morrow: 0//是否次日
      }
    ]

elementui在数组中添加数据第二条改变时第三条 也变了，slotLs里添加solt，请问v-model能用其他代替吗？

图片描述

回答：

我猜想你的添加是将solt直接push进入slotLs的，但是这样的话第二条和第三条数据的引用都是同一个slot对象，这就是为什么你改变第二条数据第三条数据也变化。
可以尝试添加的时候加一个新生成的对象，不要用this.solt

以上是 【element-ui】elementui在数组中添加数据第二条改变时第三条 也变了？ 的全部内容， 来源链接： utcz.com/a/151226.html

回到顶部