解决 vue data变量相互赋值后被实时同步的问题

解决 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));
}
    原文作者:岑农耕 - 深圳
    原文地址: https://blog.csdn.net/qq_37235823/article/details/105732984
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞