解决异步过程获取数据的问题（Promise.all() 与$nextTick())的区别

最新推荐文章于 2024-05-31 18:23:37 发布

原创最新推荐文章于 2024-05-31 18:23:37 发布 · 565 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#typescript #vue.js

收录于

本文探讨了在Vue开发中使用Promise.all()方法解决数据渲染问题的有效性，尤其是在多层次数据渲染场景下，该方法相较于Vue的$nextTick()提供了更佳的解决方案。

开发过程中，经常会需要对请求回来的数据进行处理在渲染，QUESTION就出现了，此时拿不到最新的数据，在Vue官网提供了$nextTick()的方法进行解决这个问题，但有时还是无法满足多层次的渲染数据（自己实际遇到的)，那这个时候使用Promise.all（）就so easy 了。

列子：

// 删除事件触发
    del (id) {
      this.$store.commit('del', id)
      setTimeout(() => {
        console.log('333')
      }, 2000)
      console.log('2222')
      Promise.all([
        console.log('111')
      ]).then(() => {
        console.log('0000')
      })
    }