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

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

解决方案

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

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

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

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

posted @ 2018-09-28 17:18  天使猫  阅读(3108)  评论(0编辑  收藏  举报