辉煌仪奇 2022-04-13 17:24 采纳率: 48.2%
浏览 159
已结题

vue 监听对象属性值变化失效

监听对象

plinedata: {},

赋值部分

//创建plinedata键,赋值为列表
if (!this.plinedata[analysisobj.ID]) {
    this.plinedata[analysisobj.ID] = []
}
//像plinedata对象对应设备ID添加坐标对象
this.plinedata[analysisobj.ID].push(poingobj)

监听函数

plinedata: {
      handler: function (newVal, oldVal) {
        console.log(newVal,oldVal)
         //绘制图形
        // this.drawBikeRoute(newVal)
      },
      deep: true
    }

现在数据添加进plinedata中了,但是监听事件没有生效,我需要怎么操作才能监听到plinedata对象对应列表的变化呢,plinedata的键是动态的,我改如何修改代码呢

  • 写回答

3条回答 默认 最新

  • 全干攻成狮 2022-04-13 21:03
    关注

    可以通过this.$set(this.plinedata, analysisobj.ID, poingobj);进行动态绑定,因为vue的响应式数据绑定是建立在Object.defineProperty之上,题主的key都是动态的,也就是未预定义的,所以无法在程序初始化的时候进行监听绑定或者叫响应式绑定。可以通过vue提供的$set方法进行动态绑定。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 4月18日
  • 已采纳回答 4月18日
  • 创建了问题 4月13日

悬赏问题

  • ¥15 streamingtool
  • ¥15 MATLAB图像问题
  • ¥20 树莓派5做人脸情感识别与反馈系统
  • ¥15 selenium 控制 chrome-for-testing 在 Linux 环境下报错 SessionNotCreatedException
  • ¥15 使用pyodbc操作SQL数据库
  • ¥15 MATLAB实现下列
  • ¥30 mininet可视化打不开.mn文件
  • ¥50 C# 全屏打开Edge浏览器
  • ¥80 WEBPACK性能优化
  • ¥30 python拟合回归分析