数组赋值指针指向原数组，导致原数组跟着改变

最新推荐文章于 2021-05-21 04:30:21 发布

原创最新推荐文章于 2021-05-21 04:30:21 发布 · 663 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ES6 #Vue

Vue.js 同时被 2 个专栏收录

15 篇文章

订阅专栏

JavaScript

11 篇文章

订阅专栏

本文探讨了在Vue.js中使用深拷贝方法解决数据绑定时currentList和homeList同步改变的问题。介绍了ES6扩展运算符和JSON方法实现深拷贝的技巧。

data() {
    return {
      currentList: [],
      homeList: []
}}
 methods: {
     fun() {
        this.currentList= this.homeList
     }
 }
// currentList的数据改变homeList也会跟着改变
// 解决方法 this.currentList = [ ...this.homeList]
// ES6扩展运算符实现数组的深拷贝
// 如果[ ...this.homeList]解决不了，
// 用this.currentList= JSON.parse(JSON.stringify(this.homeList))解决