better-scroll的用法

better-scroll是种手机App中使用的滑动插件。

下载方法不说了，和其他插件下载方式相同。
首先我们要在文件中引用

 import Better from 'better-scroll

然后我们看格式这里利用的是overflow-hidden，要注意的地方是overflow-hidden的元素下只能只有一个元素

<div class="nav-left" ref="navleft" >
<ul>
	<li :class="a===index?'bgwr':''" @click="change(index)" v-for="(item,index) in arrgoods" :key="index">{{item.name}}</li>
</ul>
</div>

这里可以看出div下只有一个ul。

然后就是这样的一段js：

this.oleft = new Better(this.$refs.navleft, {
  click: true
})

this.$refs.navleft是为了找到父级元素用法你可以想象成class的用处，但是用法不一。
这样就完成了上下拉动的效果了。