美文网首页
vue 中 引入并简单使用better-scroll

vue 中 引入并简单使用better-scroll

作者: 小悟空大仙人 | 来源:发表于2018-11-15 15:42 被阅读0次

1.什么是better-scroll

better-scroll是一个滚动插件,旨在解决移动端的滚动环境(已经支持PC)。是对iscroll的封装

github地址     https://github.com/ustbhuangyi/better-scroll

2.下载

npm install better-scroll --save

3.引入

在需要页面引入

import Bscroll from 'better-scroll'   

4.在vue中的使用

html结构需要符合这样的结构,最外层需要有标签包裹列表

better-scroll需要获取DOM,在vue中使用ref获取到需要的DOM,一般在生命周期钩子的mounted函数中使用

ref='list' 在mounted生命钩子中,创建Bscroll实例,this.$refs.list 获取DOM

相关文章

网友评论

      本文标题:vue 中 引入并简单使用better-scroll

      本文链接:https://www.haomeiwen.com/subject/ejuyfqtx.html