vue実践のプロジェクト蓄積---vueスクロールバープラグイン---vuescroll

vuescrollはVueベースです.jsカスタムスクロールバーのプラグインです.2つのモードがあります.

native:PC側に適用され、基本的なカスタムスクロールバーをサポートします.

slide:モバイル端末に適用され、ドロップダウン-ロード、プルアップリフレッシュ、マルチキャストなどをサポートします.

ローカルインストール

  npm i -S
  #     yarn
  yarn add vuescroll
  #     cnpm
  cnpm i -S

その後、グローバルまたはローカルで必要な場所で導入されます.
グローバル

import Vue from 'vue';
import vuescroll from 'vuescroll';

//             
Vue.use(vuescroll, {
  ops: {}, //            
  name: 'myScroll' //           ，   vueScroll
});

/*
 *   
 */

Vue.use(vuescroll); // install the vuescroll first
Vue.prototype.$vuescrollConfig = {
  bar: {
    background: '#000'
  }
};

ローカル

  import vuescroll from 'vuescroll';

  export default {
    components: {
      vuescroll
    }
  };

CDN導入