vue 数据赋值给新变量后,原数据也随新变量对数据的变化而变化解决方案

vue 数据赋值给新变量后,原数据也随新变量对数据的变化而变化

错误:

let list = this.list1

错误写法将污染源数据,将改变list1的数据

正确:

let list = JSON.parse(JSON.stringify(this.list1));

备注:

**JSON.stringify()**方法用于将 JavaScript 值转换为 JSON 字符串。

JSON.parse() 方法将数据转换为 JavaScript 对象。

JS 对象(Object)和字符串(String)互转方法

利用原生JSON对象,将对象转为字符串

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
alert(str);

从JSON字符串转为对象

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
var str1 = JSON.parse(str);
alert(str1);

你可能感兴趣的:(vue.js)