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)