vue在created钩子函数请求异步数据,在mounted钩子获取不到的问题

  data() {
    return {
      bannerList: [],
    };
  },
methods:{
getSwiperList() {
      // 获取列表
      getMlistAPI().then(
        (res) => {
          this.bannerList = res.data.data.list;
        }
      );
    },
}
在created请求的数据
  created() {
    this.getSwiperList();
  },

此时mounted中可以操作DOM,但是获取不到creaded请求的this.bannerList


mounted() {
      this.getListLeng();
      //此方法中获取不到this.bannerList

}

我的怎么解决办法是 去掉mounted中的this.getListLeng() 在watch中监听

 watch: {
    bannerList() {
      this.$nextTick(() => {
        //此时就可以获取到在created赋值后的dataList了
      this.getListLeng();

      });
    },
  },
Logo

前往低代码交流专区

更多推荐