v-model,请求到的list数据分别赋值给两个变量,v-model改变其中一个变量的值,另一个也随即改变

场景:

        例如管理员请求到问答管理的列表数据,我们将请求到的list数组分别赋值给datalist,和 willChangeList。

   当我们在页面上显示出待管理的列表:

并且

<div   v-for="item   in    dataLIst" >

    <input  type="radio"  v-for="item2 in YouWuXiaoLIst" v-model="item.VILID"  :value="item2.value"  @change="goToChange(item)">

</div>

YouWuXiaoLIst=[

{name:'有效',value:1},

{name:'无效',value:2}

]

当我们点击改变有效或者无效按钮的时候,看似是在操作dataLIst,但是willChangeList也会随着改变而改变,因为我们循环的也是dagtaList,但是:
我们赋值的时候,传递的不是值,而是引用,他们指向的是同一个空间;

要想打破这种局面,我们只需要这样:

  • let cate = JSON.stringify(result.list)
  • this.cate = JSON.parse(cate)

原文地址:https://www.cnblogs.com/songkaikai/p/13479388.html