子组件computed属性改变视图不改变

父组件:

<parent :date_schedule="date_schedule"></parent>

子组件:

props: {
    date_schedule:{        type:Array,        default: []
    },
  },
  data () {    return {
      ...
    }
  },
  watch: {
    date_schedule: {
        handler(newVal,oldVal) {            console.log(newVal)            console.log(oldVal)            //console.log('date_schedule:update');
            //this.update_calendar_schedule();
        },
        deep: true
    },
    table_data: {
        handler(value) {            //console.log('table_data:update');
            //this.update_calendar_schedule();
        },
        deep: true
    },
  },
  computed: {
    table_data:{        get: function() {            return this.date_schedule;
        },        set: function(value) {            console.log(value);
        }
    },
  },

子组件中使用table_data来渲染出一个table。
当父组件的date_schedule修改时,子组件的date_schedule和table_data都有变化,
但是子组件中的table视图却不随变化而更新,显示的永远是还是上一次table_data数据。
我知道是数据检测变化的问题,但始终找不出是哪里的问题,请大家帮忙看一下~谢谢了


白猪掌柜的
浏览 595回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js