可能会引发的事故如下,在多级组件的引用下,子组件的数据在{{}}内可以引用成功但是加载到element ui 中的话,就会丢失甚至是白屏。
我在尝试生命周期中onbeforemount和onmounted两个生命周期函数,发现在这两个生命周期中没有获取到想要的数据,但是数据的处理是在onmounted里面成功调用了的,然后我使用watch监听,以及async和await 来执行操作数据处理发现都没有解决。
最后发现是在父组件调用子组件的时候父组件进行的传参,在父组件进行接口的调用过程中,请求接口是异步操作而在我们调用子组件子组件渲染完成时我们父组件的异步请求还没有处理好。
在父组件调用子组件的时候加上一个判定语句,v-if=“data”,判断我们获取的数据请求好了,再开始调用子组件