vuescroll使用错误!

  1. npm 安装
  2. 创建组件

<template>
  <div class="parent-dom" ref="parentdom">
    <div class="child-dom">
      <slot></slot>
    </div>
  </div>
</template>
<script>
import vuescroll from "vuescroll"

export default {
  name: "VueScroll",
  data() {
    return {
      scroll: null,
    }
  },
  mounted() {
    this.scroll = new vuescroll(this.$refs.parentdom, {
    })
  }
}
</script>

<style scoped>
</style>

```)

首页导入  挂载

```html

<vue-scroll>
    <HomeSwipe :swipebannar="Swipebannar"/>
    <TabControl class="TabControl" :titles="['流行','新款','精选']" @tabcontrolclick="TabcontrolClick"/>
    <GoodsList :goodslist="goods[currentType].list"/>
    </vue-scroll>

但是报错

img

给帮忙看看,哪里出错了~

使用错了把