maicaidaye 2023-01-31 14:31 采纳率: 64.3%
浏览 47
已结题

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

  • 写回答

2条回答 默认 最新

  • CodeBytes 2023-01-31 14:41
    关注

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

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

    this.courseInfo = response.data
    this.courseInfoTemp = JSON.parse(JSON.stringify(this.courseInfo))
    
    // 提交数据时
    if (!_.isEqual(this.courseInfo, this.courseInfoTemp)) {
      // 发送请求,更新数据
    }
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月9日
  • 已采纳回答 2月1日
  • 创建了问题 1月31日

悬赏问题

  • ¥15 有没有复现过PFENet的,如何解决?
  • ¥15 FDMA,OFDMA,TDMA 和 CDMA 系统容量对比仿真
  • ¥15 图神经网络的入侵检测
  • ¥15 工业数据采集技术+存储架构推荐
  • ¥15 GPT-SOVITS如何训练少数民族语言支持合成语音
  • ¥20 树莓派4b使用Camera Module 3时出现the system should be configured for the legacy camera stack问题
  • ¥200 GitHub开源程序配置在VScode调试
  • ¥15 爬虫保存的scv文件0kb
  • ¥20 如何实现基于强化学习的带电作业机械臂的运动规划与控制
  • ¥15 使用wpf制作打砖块游戏时遇到的一个Bug