• 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)

  • 相关阅读:
    锦oa基础配置
    存储localStorage
    刷新token
    input框输入数量自动计算价格
    创建项目,登录校验
    config
    xiaota-main
    数据库的多表查询
    pygame应用---射击外星人游戏
    pygame以及matplotlib的安装
  • 原文地址:https://www.cnblogs.com/songkaikai/p/13479388.html
Copyright © 2020-2023  润新知