vue 移动端加@scroll滚动条

在 Vue 移动端添加滚动条可以使用`better-scroll`插件。首先，你需要安装`better-scroll`插件，可以通过 npm 或 yarn 安装：

npm install better-scroll --save

yarn add better-scroll

然后在需要添加滚动条的组件中引入并初始化`better-scroll`对象：

<template>
  <div class="wrapper" ref="wrapper">
    <!-- your content here -->
  </div>
</template>

<script>
import BScroll from 'better-scroll'

export default {
  mounted () {
    this.scroll = new BScroll(this.$refs.wrapper, {
      scrollbar: true,
      fade: true
    })
  }
}
</script>

在上面的代码中，我们在`mounted`生命周期钩子中初始化了`better-scroll`对象，并将其绑定到了`wrapper`元素上。你还可以根据需要设置滚动条的相关属性，例如`scrollbar`、`fade`等。最后，你需要在组件销毁时销毁`better-scroll`对象：

beforeDestroy () {
  this.scroll.destroy()
}

这样就可以在 Vue 移动端添加滚动条了。