良许Linux教程网 干货合集 Vue—npm安装和使用

Vue—npm安装和使用

npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。

Vue—npm安装和使用

npm的安装和使用

$ npm install perfect-scrollbar

下面记录一下再 iview 页面组件中使用 perfect-scrollbar。首先引入实例及 css 样式。

 import PerfectScrollbar from 'perfect-scrollbar'
 import 'perfect-scrollbar/css/perfect-scrollbar.css'

然后在 mount 方法或自定义方法中创建一个新的实例(vue组件初始化时执行的钩子函数):

const Ps = new PerfectScrollbar('.demo-split-pane', {
   wheelPropagation: false
})

其中 .demo-split-pane 是你挂载的类名(我这里是 card 组件的类名),然后后面是一个对象,有很多参数可以定义,可参考这篇文章。

定义一下 css 样式:

demo-split-pane{
   position: relative;
   height: 100%;
   overflow: hidden;
 }

需要注意,你的父元素也需要 height 为 100%。

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

img
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部