vue 请求数据异步，页面渲染完成后数据才加载完成，数据无法回填到页面中_前端问题_站长_知道

页面的逻辑是先请求后端的数据，然后再回填到页面中。但在实现的时候发现调取数据的时候异步了，想问一下大佬应该怎么修改。下面上相关代码。

methods: {
  // 请求后端数据数据
  getList() {
    $.ajax({
      url: `${window.Glob.BaseUrl}produceprocesscard/getd?primaryKey=BILLNO`,
      type: "GET",
      contentType: "application/x-www-form-urlencoded",
      dataType: "text",
      success(result) {
        let data = JSON.parse(result);
        this.Header = data.Header
        console.log(this.Header,1);
      },
      error(msg) {
        console.log(msg);
      }
    })
  }
},

created() {
  this.$nextTick(function (){
    this.getList()
  })
  console.log(this.Header,0);
},

打印变量，出来的顺序。导致数据没有回填到页面中。非常感谢大佬能够帮忙解答。

已解决悬赏分：30 - 解决时间 2021-11-26 22:31

点赞 0反对 0举报 0 收藏 0

回答2

最佳

@wisonoo

success(result) {
  let data = JSON.parse(result);
  this.Header = data.Header
  console.log(this.Header,1);
}

你这里的this.Header并不是指向组件实例啊。可以改成

success:(result) => {
  let data = JSON.parse(result);
  this.Header = data.Header
  console.log(this.Header,1);
}

支持 0 反对 0 举报

2021-11-26 08:27

@badguest

是通过 this.getList() 这个方法来回填吗? 可以把操作数据的放在调接口的回调函数里面.也就是success(result){}里面

支持 0 反对 0 举报

2021-11-26 09:23