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)

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM