vue中mounted内如何调完异步方法再渲染

问题描述:我们在mounted内执行异步方法,会先执行后边的语句,这就导致取不到想要的值。

方法:我们在方法中加入回调函数,将mounted的同步语句放在回调函数内,渲染语句套上$nextTick。

示例

     data() {
            return {
                carouselArr:[],
            }
        },
        methods: {
           getList(callback) {
            fun().then(res => {
              this.carouselArr = res.data;
         console.log(this.carouselArr);
              // 回调
              callback(this.carouselArr);
            })
          }
        },
        mounted() {
          var _this = this;
          this.getList(function (arr) {
              _this.$nextTick(() => {
                    console.log(arr);
              });
          });
        }                   

示例中出现的“fun()”是调用的后台的一个方法。

原文地址:https://www.cnblogs.com/liuyu666/p/13385701.html