关于Vuedata对象赋值的问题
遇到这么⼀个问题：把data中的某个对象赋值给⼀个变量，修改变量，会同时把data中的对象也⼀同修改，所以，这个赋值应该就是引⽤了地址，贴个代码
<script>
export default {
data () {
return {
productLists: [
{
id: 1,
product_name: '⼿机'
},
{
id: 2,
product_name: '平板'
},
{
id: 3,
product_name: '电脑'
}
]
}
},
methods: {
test () {
// 这⾥直接赋值给对象
let tmpArr = this.productLists
// 虽然这⾥删除tmpArr数组下表为1的，也就是id为2的数组，但是this.productLists也会删除，所以前⾯赋值不是真正的复制this.productLists，只是把this.productLists的引⽤地址赋值给变量，所以改变量也会导致另⼀⽅数据也会同时被修                tmpArr.splice(1, 1)
}
}
}
</script>
解决⽅法：
<script>
export default {
data () {
return {
productLists: [
{
id: 1,
product_name: '⼿机'
},
{
id: 2,
product_name: '平板'
},
{
id: 3,
product_name: '电脑'
}
]
}
},
methods: {
test () {
/
/ 这⾥先把this.productLists转成JSON字符串，然后在转成JavaScript对象(深拷贝)
let tmpArr = JSON.parse(JSON.stringify(this.productLists))
// 这样就不会影响到this.productLists
tmpArr.splice(1, 1)
}
}
vue json字符串转数组
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。