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复现一下情况，再把所有代码放出来