perfect-scrollbar在vue中的使用
2024-09-12 14:00:59
1.下载perfect-scrollbar依赖包
npm install perfect-scrollbar
2.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.结果
本章到此结束，如有问题请各位大佬多多指教！！
最新文章
- Docker笔记一：基于Docker容器构建并运行 nginx + php + mysql ( mariadb ) 服务环境
- Chrome 扩展机制
- python基础之面向对象高级编程
- linux下tomcat的shutdown命令杀不死进程
- Java线程基础实例
- three.js 显示一个绿色的正方体
- Java 关键字final
- HTTP Status 500 - An exception occurred processing JSP page /WEB-INF
- -_-#【减少 DOM 访问】“离线”更新节点，再将它们添加到树中
- Fragment销毁时replace和add两个方法的区别
- jsp截取字符串
- 基于Spring Aop实现类似shiro的简单权限校验功能
- 一个简单清晰的Redis操作类
- alpha-咸鱼冲刺day8
- MySQL 导入导出数据
- HTML学习感悟
- AMQP消息队列之RabbitMQ简单示例
- 年度游戏圈2018白皮书解析手游折扣app哪个好及靠谱程度分析
- CSS| 框模型-輪廓
- Mybatis 系列8-结合源码解析select、resultMap的用法