# 优化性能
可以做下列几点来优化滚动的性能,流畅度。
# 根据你的需求导入不同模式的文件
如果你只想要自定义滚动条, 而不需要pull-refresh
, push-load
等slide
模式的特性, 你可以像这样只引入包含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
了, 但同时也失去了检测内容发生变化的能力。