将纵向滚动抽象为一个插件,多次调用具体参看见横向滚动中描述。首先贴出全部代码:
<template>
//better-scroll作用于子元素,所以要有一层wrapper封装
<div ref="wrapper">
<slot>
//slot插槽中即为具体滚动的内容,来自调用此插件的组件
</slot>
</div>
</template>
<script>
import BScroll from 'better-scroll'
export default {
//props中所涉及属性的作用自行查看better-scroll文档
props: {
probeType: {
type: Number,
default: 1
},