vue的watch属性，当监听的值改变了却不能触发事件

Question

我在子组件中用watch监听了父组件传过来的值，但是当这个值改变了之后，watch并没有被触发props:[  'chartMessage'],watch:{  chartHandle(val){    console.log(1111)  }},mounted(){  this.chartHandle = this.chartMessage;},data() {  return{    chartHandle:{},  }},我这个chartMessage改变之后，连console.log()也没有触发，是怎么回事，求指教。。

Answer 1

如果你的chartMessage传入的是对象，你只改对象内的值不会触发watch，你可以这么写：

watch:{

  chartMessage: {

    deep: true,

    handler(val){

        console.log(111)

        this.drawChart(val)

    }

  }

}

如果不是这种情况，建议你做一个小demo复现一下情况，再把所有代码放出来