zoukankan      html  css  js  c++  java
  • 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()”是调用的后台的一个方法。

  • 相关阅读:
    词法分析
    关于编译原理
    词法分析
    编译原理
    对编译原理的一些看法
    spring整合struts2
    spring整合javaWeb
    spring整合hibernate
    spring-transaction事务
    spring-jdbc
  • 原文地址:https://www.cnblogs.com/liuyu666/p/13385701.html
Copyright © 2011-2022 走看看