vue-virtual-scroller引入后，使用时会报错？

Question

1.在项目中安装vue-virtual-scroller

npm install -D vue-virtual-scroller

2.在main.js中引入

import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
import VueVirtualScroller from 'vue-virtual-scroller'
Vue.use(VueVirtualScroller)

3.在view中使用

<template>
  <virtual-scroller :items="dealFormInfo" item-height="40" content-tag="ul">
    <template slot-scope="props">
      <li :key="props.itemKey">{{props.item.title}}</li>
    </template>
  </virtual-scroller>
</template>

最后运行时报错

哪里出错了？？？？搞不懂！！！！！！

Answer 1

你

virtual-scroller

是哪来的 ??

Answer 2

报错原因说的很清楚了， 找不到virtual-scroller这个组件， 这个插件有三个组件<RecycleScroller /> 、<DynamicScroller /> 和 <DynamicScrollerItem />. 你上面应该写成<recycle-scroller>