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

场景:

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

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

并且

    

YouWuXiaoLIst=[

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

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

]

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

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

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

 

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

 

你可能感兴趣的:(v-model,请求到的list数据分别赋值给两个变量,v-model改变其中一个变量的值,另一个也随即改变)