滚动条vue-perfect-scrollbar

1.install

npm install vue-perfect-scrollbar

2、

<template>
  <div class="father">
    <VuePerfectScrollbar class="scroll">
      <div class="box">
        <p>323232232</p>
        <p>323232232</p>
        <p>323232232</p>
        <p>323232232</p>
        <p>323232232</p>
        <p>323232232</p>
      </div>
    </VuePerfectScrollbar>
  </div>
</template>

<script>
import VuePerfectScrollbar from 'vue-perfect-scrollbar'

export default {
  name: 'scrollBar',
  data () {
    return {}
  },
  components: {
    VuePerfectScrollbar
  }
}
</script>

<style>
/* 父系一个高度 */
.father {
  width: 200px;
  height: 100%;
}
/* 滚动条一个高度 */
.scroll {
  height: 200px;
}
</style>