在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>