better-scroll 在 Vue 中的使用
2019-01-15 18:04
399 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40925105/article/details/86490894
better-scroll 是什么
better-scroll 是一款重点解决移动端(现已支持 PC 端)各种滚动场景需求的插件。
Vue 中安装 better-scroll 依赖
npm install better-scroll --save
注意:安装完之后要重启一下
移动端基本使用步骤
<template> // 3、滚动区域必须有两层父节点 <div ref="wrapper"> <div> ... </div> </div> </template> <script> // 1、导入 better-scroll import Bscroll from 'better-scroll' export default { name: 'CityList', mounted () { // 2、创建一个 better-scroll 实例,传入需要滚动区域的 dom 结点 this.scroll = new Bscroll(this.$refs.wrapper) } </script> <style lang="stylus" scoped> </style>
具体使用请看
https://github.com/ustbhuangyi/better-scroll/blob/master/README_zh-CN.md
一个使用的 demo
相关文章推荐
- vue中使用better-scroll做横向滚动注意事项
- better-scroll上拉加载 和下拉刷新 的使用(基于vue写成组件的形式)
- vue使用better-scroll实现下拉刷新、上拉加载
- vue中使用better-scroll实现滑动效果及注意事项
- vue使用Better-Scroll实现纵向滚动
- Vue中better-scroll插件的使用
- vue三级界面使用better-scroll滚动
- vue 中使用better-scroll 遇到的问题
- better-scroll 在vue 中的使用
- vue-better-scroll 的使用实例代码详解
- vue使用better-scroll实现下拉刷新、上拉加载
- vue BetterScroll的安装使用
- vue中使用better-scroll实现滑动效果及注意事项
- better-scroll在vue项目中的使用
- vue使用better-scroll导航滚动的指定位置
- vue中使用better-scroll实现页面滑动
- Vue中使用better-scroll所遇到的若干问题
- vue滚动轴插件better-scroll使用详解
- Vue组件Better-Scroll使用
- vue 中使用better-scroll插件时无法滚动问题