javascript - Vue.js2ディレクティブとしての完璧なスクロールバー

Question

perfect-scrollbar指令に取り組んでいます。

 yarn add perfect-scrollbar

これが横たわっているのを見つけましたが、静かに失敗します。これはコードです：

 <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 デバッガーは、ディレクティブが実際に到達したかどうかについての情報を提供しません。アイデアは非常にセクシーに聞こえますが、それをどのように実装するのでしょうか? 本当に助けてくれてありがとう！:)