建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue—npm安裝和使用
npm 是 Node.js 官方提供的包管理工具，他已經(jīng)成了 Node.js 包的標(biāo)準(zhǔn)發(fā)布平臺，用于 Node.js 包的發(fā)布、傳播、依賴控制。npm 提供了命令行工具，使你可以方便地下載、安裝、升級、刪除包，也可以讓你作為開發(fā)者發(fā)布并維護(hù)包。
十余年建站經(jīng)驗(yàn)， 網(wǎng)站設(shè)計(jì)、網(wǎng)站制作客戶的見證與正確選擇。創(chuàng)新互聯(lián)提供完善的營銷型網(wǎng)頁建站明細(xì)報(bào)價表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。
npm的安裝和使用
$ npm install perfect-scrollbar
下面記錄一下再 iview 頁面組件中使用 perfect-scrollbar。首先引入實(shí)例及 css 樣式。
import PerfectScrollbar from 'perfect-scrollbar'
import 'perfect-scrollbar/css/perfect-scrollbar.css'
然后在 mount 方法或自定義方法中創(chuàng)建一個新的實(shí)例（vue組件初始化時執(zhí)行的鉤子函數(shù)）：
const Ps = new PerfectScrollbar('.demo-split-pane', {
wheelPropagation: false
})
其中 .demo-split-pane 是你掛載的類名（我這里是 card 組件的類名），然后后面是一個對象，有很多參數(shù)可以定義，可參考這篇文章。
定義一下 css 樣式：
demo-split-pane{
position: relative;
height: 100%;
overflow: hidden;
}
需要注意，你的父元素也需要 height 為 100%。
當(dāng)前文章：Vue—npm安裝和使用
標(biāo)題網(wǎng)址：http://www.dlmjj.cn/article/ccssogp.html
