Vue—npm安装和使用

npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。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%。


本文名称:Vue—npm安装和使用
地址分享:http://bzwzjz.com/article/ccssogp.html
Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 宜宾网站设计 网站制作 营销网站建设 LED网站设计方案 网站设计 定制网站建设多少钱 成都网站建设流程 成都网站设计 企业网站建设 成都网站建设 手机网站制作 网站制作 成都网站建设 网站制作 手机网站建设套餐 成都网站制作 网站设计制作 成都网站建设 成都网站建设公司 网站制作公司 重庆网站建设 网站建设公司