基于vue,通过父组件触发子组件的请求,等请求完毕以后,显示子组件,同时隐藏父组件

正常情况下,子组件应该尽量减少业务逻辑,而应该将业务逻辑放到父组件里面,从而减少耦合,但是当 我们不得不用到这种情况时,可以采用下面的思路

解决方案

  1. 尽量将请求单独作为一个函数(不要将请求放到show()函数里面,show()函数只是负责组建的显示);

  2. 在进行请求的时候可以加入loading,提高体验;

  3. 当请求完毕以后,再通过this.$emit通知父组件请求完毕;

  4. 父组件这时在通过this.$refs.child.show() 显示子组件,同时隐藏自己;

原文地址:https://www.cnblogs.com/usebtf/p/9719789.html