解决 vue data变量相互赋值后被实时同步的问题
数据结构是这样子的
data() {
return {
title: 'web前端 this data变量相互赋值后被实时同步问题',
val_1: 'vue',
val_2: ''
}
}
问题源:
我们在onload()把val_1 赋给 val_2 (或者在用户click时更改也都会出现这个问题)
onload() {
this.val_2 = this.val_1;
}
解决方法:
我们在通过JavaScript把 “val_1” 转换成字符串类型,再JSON.parse,最后再赋给 “val_2” 就解决了
onload() {
this.val_2 = JSON.parse(JSON.stringify(this.val_1));
}