perfect-scrollbar在vue中的使用

vue

1.下载perfect-scrollbar依赖包

1)直接下载依赖包及包含css样式和js

2. 然后去查看package.json中是否有此目录,有=》OK   ,没有需要添加 ,方便管理依赖避免丢失。

3.perfect-scrollbar的使用

1)引入

 2)html中包裹所滑动的元素

3)设置img-scrollbox的样式 =》出现传统滚动条

说明:样式按自己需求自己调

4)计算高度方法

5)watch中和mounted中清楚缓存

说明:

  1.如果是点击切换页面只需在mounted清除即可

  2.如果点击只切换内容则在watch中监听数据变化清除和mounted中初始化清除

4.结果

 本章到此结束,如有问题请各位大佬多多指教!!

以上是 perfect-scrollbar在vue中的使用 的全部内容, 来源链接: utcz.com/z/374691.html

回到顶部