vue监听事件-深度监听

最新推荐文章于 2024-05-17 14:32:46 发布

夏之绚烂，秋之静美

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量85

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_37601321/article/details/134185007

版权

浅层监听，当deviceRentORSaleData是对象数组的时候，结构不改变，只有值发生改变的时候，都不会触发监听
例如：deviceRentORSaleData = {{name: "健康",value: 504},{name: "不健康",value: 54}}发生改变[{name: "健康",value: 204},{name: "不健康",value: 14}]时，并不会触发监听事件
watch: {
  deviceRentORSaleData(newValue) {
    this.renderingEcharts();
  },
},

解决：

使用深度监听

watch: {

deviceRentORSaleData：{

handler(newValue){

this.renderingEcharts()

},deep:true }},