vue踩坑记录01 使用v-model绑定输入框中的对象数据,在push到新数组中时,后面的值覆盖掉前面的值


代码示例

<input type="text" v-model="aa.Remark" placeholder="请输入备注"/>

.js中

data:{

  aa:{

    Remark:''

  },

  bb:[]

}

在这种情况下,当进行 bb.push(aa) 时,后面获取的元素会覆盖掉前面的元素

原因是 model 绑定的是对象属性,而数组是引用传递而不是值传递,因此每次传值时都是传过了同一个内存地址

解决方法

将 model 换成绑定一个变量即可

<input type="text" v-model="Remark" placeholder="请输入备注"/>

.js中

data:{

  Remark:'',

  bb:[]

}


免责声明!

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



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