Vue中datad的对象改变后无效的解决方法

最新推荐文章于 2024-08-08 22:38:20 发布

六只羊l

最新推荐文章于 2024-08-08 22:38:20 发布

阅读量1.4k

点赞数 3

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_45846702/article/details/124017422

版权

博客内容涉及到设备故障管理，具体展示了如何处理设备名称、故障类型和状态的数据。通过使用`map`函数处理`tablelist`，将数据转化为二维数组，并重新赋值给`config.data`来更新表格展示。故障类型和状态的实时更新对于设备监控至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 data() {
    return {
      config: {
        header: ['设备名称', '故障类型', '状态'],
        data: [],
        rowNum: 7, //表格行数
      },
    }
  },

   this.tablelist = result
        let faultlist = []
        this.tablelist.map((item, index) => {
          faultlist[index] = [item.deviceName, item.faultTypeName, item.whetherDelay]
        })
        // this.config.data = faultlist 此方法不生效
        this.config = { data: faultlist }//重新赋值就好了