用better-scroll滚动失效的原因之一

在vue中v-show的元素使用better-scroll滚动失效的原因

在你添加better-scroll的组件中使用如下操作

<script>
import Bscroll from 'better-scroll'
export default {
  name: 'MenuCart',
  computed: {
    myValue () {
      return this.$store.state.cartShow //这里是控制显示隐藏的值，我用vuex存储的
    }
  },
  watch: {
    myValue: function (newVal, oldVal) {//监听myValue函数值的变化，newVal实际上就是this.$store.state.cartShow
      if (newVal === true) {//当元素显示的时候我们才初始化bscroll
        this.$nextTick(() => {
          this.cartContent = new Bscroll(this.$refs.cartContent, {})
        })
      } else {
        this.cartContent.refresh()
      }
    }
  }
}
</script>