vue子组件在还没有获取到父组件数据数据时,显示默认值问题

最近在vue项目中父子组件传值显示的时候发现,当我父组件数据还没没有传到子子组件的时候,子组件会在一瞬间显示默认值的现象,这样的话用户体验性肯定是不好的。之前有想过通过钩子函数在子组件渲染前将父组件的数据传递过去。但是请求基本都是异步的时间不好控制,如果要进行判断异步请求结束后在渲染子组件,这样的话就耽误后面组件的渲染。后面思考了,我可以先渲染子组件。但是我并不它展示出来,于是通过v-if指令来解决这个问题。

 当请求接口返回数据后,通过判断是否有数据来控制子组件显示。

猜你喜欢

转载自www.cnblogs.com/danhua/p/12619764.html