javascript - vue渲染子组件异步问题
伊谢尔伦
伊谢尔伦 2017-04-17 15:18:29
0
2
423

现在有一个组件A。里面包含了组件B,C,D,由于涉及了数据共享,组件B需要用x参数发请求,但是x参数是在A里面发请求获取到的,现在出现的问题是在A还没获取到参数x的时候B就已经先一步发请求了(结果请求400错误),出现问题的根本问题是父组件与子组件的渲染都是异步进行的,在父组件获取参数时用了async+await。

async beforeMount(){ let x = await this.getCityInfo(); this.GET_POSITION(x); console.log(11); },

现在目前能想到的方案就将B,C,D全部整合到A内部,使A内部没有子组件,这样就不会有组件之间异步渲染的问题,请问还有其他更好的方案吗?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全員に返信 (2)
伊谢尔伦

获取x成功之前不渲染B

或者B自己 watch propx,值不对不发请求。

watch: { x (value) { if (value) { // send request } } }
いいねを押す+0
    小葫芦

    A请求完了emit一个事件 B去监听就是了

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!