# 优化性能

可以做下列几点来优化滚动的性能,流畅度。

# 根据你的需求导入不同模式的文件

如果你只想要自定义滚动条, 而不需要pull-refresh, push-loadslide模式的特性, 你可以像这样只引入包含native模式特性的文件, 例如:

import vuescroll from 'vuescroll/dist/vuescroll-native';
// .... css file

或者说你只想要slide模式的特性, 如 pull-refresh, push-load 而不想要native模式的特性, 你可以只引入包含slide模式的特性的文件。例如:

import vuescroll from 'vuescroll/dist/vuescroll-slide';
// .... css file

# 手动地禁掉 detectResize 选项

为了检测到元素尺寸发生变化, vuescroll 向渲染过后的组件 dom 里注入了一个object元素, 通过监测它的resize事件来获取内容是否发生了变化, 你可以像这样将detectResize 选项设置为false

data() {
    return {
        ops: {
          vuescroll: {
            detectResize: false
          }
        }
    }
}

这样 vuescroll 也不会注入object了, 但同时也失去了检测内容发生变化的能力

上次更新: 2020-5-22 01:09:11