vue数据绑定打印为undefined

后端涉及到部分vue的内容,我对前端基本没啥经验,在项目练手时遇到一个问题:
背景:使用vue-admin-tmplate练手,在更新页面里不管数据有没有更新点击下一步都会显示更新成功(数据没有改动时不想弹出更新成功的message),所以专门设置了另参数courseInfoTemp,在created时获取页面时让this.courseInfoTemp = this.courseInfo,然后最后数据提交时判断这两个值是否相同来辨别是否数据已经更改。目前courseInfo已经通过v-model与表格双向绑定。但最后consol.log的时候发现他们一直相等。请问大家们要怎么解决呢?

this.courseInfo = response.data
this.courseInfoTemp = this.courseInfo

img

要判断对象的值是否相同,不能使用简单的相等运算符(==或===),因为它们仅比较对象的引用而不是对象的内容。正确的做法是使用深比较方法,如JSON.stringify()或lodash的_.isEqual()方法。

参考代码如下,可行的话还请点击”采纳“:

this.courseInfo = response.data
this.courseInfoTemp = JSON.parse(JSON.stringify(this.courseInfo))

// 提交数据时
if (!_.isEqual(this.courseInfo, this.courseInfoTemp)) {
  // 发送请求,更新数据
}