前端开发中常见问题合集

发表于 2023-01-01 更新于 2023-01-09 分类于前端开发阅读次数：本文字数： 196 阅读时长 ≈ 1 分钟

前端开发中常见问题合集

1. 使用better-scroll插件时的一些问题

使用scrollInit初始化滑动容器，然后异步请求接口数据时直接赋值容器不能滑动,这是因为scroll在初始化时列表数据为空导致滚动容器高度为0，请求完数据scroll组件并不知道，所以需要手动刷新容器

解决代码如下：

// 异步加载的数据，手动刷新容器
  var arr = await getData();
  this.list = arr;
  this.$nextTick(() => {
    this.scroll.refresh();
  });

注意！

this.list为你遍历的列表数据，
this.scroll为你的滚动容器，
this.scroll.refresh();必须放在dom加载完在执行，此处已vue为例写在this.$nextTick的回调中

0%