完美的Scrollbar作为Vue.js2指令

Question

我正在制定perfect-scrollbar指令。

 yarn add perfect-scrollbar

我发现this躺在身边，但它无声地失败了。 这是代码：

 <template>
  <div class="scroll-area">
   <img src="https://i.kinja-img.com/gawker-media/image/upload/s--I5-_uX-9--/c_scale,fl_progressive,q_80,w_800/oh1cxyrtivnead6tn8k6.png" v-scroll/>
  </div>
 </template>

 <script>
 import { Container, PerfectScrollbar } from 'myCompnts';

 export default {
  name: 'Test',
  data() {
   return {

   };
 },
 directives: {
  scroll: PerfectScrollbar
 },
 components: {
  Container
 },

 };
 </script>

 <style scoped>
 .scroll-area {
  position: relative;
  width: 100px;
  height: 300px;
  overflow: hidden;
 }
 </style>

不幸的是，它“没有指定任何元素来初始化PerfectScrollbar”，或者它回复了这些含有错误信息的错误信息，表明编译存在问题：
正如元素没有正确传递一样。 Vue Chrome调试器没有提供有关该指令是否实际到达的信息。这个想法听起来很性感，但是如何实现呢？真的，谢谢你的帮助！ :)