dv-scroll-ranking-board渲染问题

DataV 中的问题
props 传值 dv-scroll-ranking-board 渲染不出来

父组件
  <a-col :xl="6" :xxl="6">
          <Ranking  :supperCooperationSizeList='supperCooperationSizeList'/>
        </a-col>

子组件
export default {
  props: {
    supperCooperationSizeList: {
      type: Array,
      default: [],
    },
  },
  watch: {
    supperCooperationSizeList: {
      deep: true,
      handler: function (to, from) {
        this.config.data = to
        console.log(this.config)
        this.config = { ...this.config }
      },
    },
  },
  mounted() {
    console.log(this.supperCooperationSizeList)
  },
  data() {
    return {
      config: {
        header: ['排名', '公司名称', '资金'],
        headerBGC: '#426ab3',
        data: this.supperCooperationSizeList,
      },
    }
  },

  methods: {
    // init(){
    //   console.log(this.supperCooperationSizeList);
    // this.config.data = this.supperCooperationSizeList
    // }
  },
}
    

解决：
this.config = { …this.config } //需要加这个