【巨坑】【苹果电脑】props无法更新渲染(组件之间的通信第二次无法被渲染)

window 电脑没任务问题。在苹果电脑上需要做兼容
子组件

模板 {{value.total}} 无法实时接受父组件传值渲染

props: {
    value: {
      type: Object,
      default: function () {
        return {
          pageNum: 1,
          pageSize: 20,
          total: 0,// 总数无法被渲染 第一次父组件初始化生效
        };
      },
    },
  },

解决方案

模板 {{pagerCount.total}} 无法实时接受父组件传值渲染

data() {
    return {
      pagerCount: Object,
      default: function () {
        return {
          pageNum: 1,
          pageSize: 20,
          total: 0,
        };
      },
    };
},
watch: {
   // 通过深度监听 赋值到 data
    value: {
      handler(newValue) {
        this.pagerCount = newValue;
      },
      deep: true,
    },
  },