【vue3使用vue-seamless-scroll报错Cannot read properties of undefined (reading '_c')】

不想看废话得直接最后链接到官方文档

事情起因：给了我一个UI图 大概长这样

做了个样式定了长宽 加了个overflow：auto 发现下拉条太丑 大概长这样

实在不能忍 换样式 用了element组件 上代码

<el-scrollbar>
    <div v-for="(item, index) in notifyList.records" :key="index">
       {{ item.noticeContent }}
    </div>
</el-scrollbar>

改好后 样式果然看顺眼了

但是ui妹妹和产品一商量 突然说了一句 这个要轮播。。。 行吧 给你轮播 发现了一个组件vue-seamless-scroll

引进 然后import 给我报错Cannot read properties of undefined (reading '_c')

因为参照的是vue2的写法 可能是引入方法有问题 继续找vue3

上一个vue2的链接 chenxuan1993.gitee.io/component-d…

再上一个vue3文档

gitee位置 gitee.com/longxinziya…

gitub地址 github.com/xfy520/vue3…

看了gitee 也不行评论说不是最新得 也存在引入问题

但是 我看到了vue3 仿佛看到了希望 上github 组件名没得问题 但是引入得命名 有些许差别 最后把变量 ：data 改成了 ：list 终于成了 对得文档太重要了！！！

我的代码

npm install vue3-seamless-scroll --save

<script>
  import { defineComponent } from "vue";
  import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
   export default defineComponent({
      components: {
        Vue3SeamlessScroll
      }
   })
</script>

<vue3-seamless-scroll :list="notifyList.records" :list="notifyList.records" :hover="true" :limitScrollNum="3" class="scoll">
  <ul class="item">
    <li v-for="item in notifyList.records" :key="item.noticeTime">
     {{ item.noticeContent }}
    </li>
  </ul>
</vue3-seamless-scroll>

hover:是否鼠标悬停 limitScrollNum：限制滚动数量 我设置得超出3条滚动 list：你要绑定得data 最重要的 要给你要显示得盒子 加overflow:hidden

感兴趣得去看文档吧github.com/xfy520/vue3…