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

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 请上面代码做什么处理或什么混淆
  • ¥15 英雄联盟自定义房间置顶
  • ¥15 W5500网线插上无反应
  • ¥15 如何用字典的Key,显示在WPF的xaml中
  • ¥15 weautomate读取Excel表格信息然后填写到网页一直报错,如何解决?
  • ¥15 C#如何在Webview2中获取网页验证码
  • ¥15 esp32烧录失败,具体情况在图片上
  • ¥15 selenium安装报错
  • ¥15 在node.js中无法安装yarn
  • ¥15 python程序修改