解决移动H5页面的刷组造成件传值数据丢失问题

问题描述

      当前页面由2个组件组成分别命名成a,b,其中组件b(子)需要组件a(父)内接口响应的时间字段,因为组件b不能实时的接收到数据
因此组件b在接收数据的时用定时器加了一个延迟,但是在网络不好或者重复点击F5时,组件b接收不到组件a传递来的字段,造成页面
显示终止

分析及解决

       1.现阶段是延迟1s,再增加延迟会造成页面显示不友好
       2.因为组件b会对获取到的时间字段做倒计时处理,因此不能监听数据变化
       3.因为组件b只需要一个字段,不至于再请求一次接口
        最后选择给组件b增加声明一个ref属性,然后直接在接口响应的时候给组件b赋值,并调用处理时间的方法
        this.$refs.componentb.timeout = res.datatimeout;
        this.$refs.componentb.handleTimeout();