美文网首页
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