库推荐

nx-adminhttps://mgbq.github.io/vue-permission/#/pdfTest/pdf

nx-admin 是一个开源的管理系统前端集成方案，它基于 vue 和 element。它使用了最新的前端技术栈，内置了i18国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。最大程度上帮助个人，企业节省时间成本和费用开支。

clamp.js https://github.com/josephschmitt/Clamp.js

Clamps 能够在HTML元素内容过长时在后面添加省略标志。可在vue中做指令使用

const clamp =  Vue.directive("clamp",{
  /**
   * binding
   * @param (Number | String | 'auto').
   * @note  Number 行数  String 高度px auto 根据父元素高度自动计算
   */
  bind(el, binding) {
    $clamp(el,{clamp:binding.value||'auto'});
  },
  update(el, binding){
    if(binding.oldValue == binding.value)return
    $clamp(el,{clamp:binding.value});
  },
  unbind(el) {

  },
})

ice-scrollbar 自定义滚动插件

npm i ice-scrollbar

  import elScrollbar from 'ice-scrollbar'
  import 'ice-scrollbar/dist/scrollbar.css'
//ice-scrollbar内内容超出限制大小，竖或者横会出现滚动条

<ice-scrollbar style="height: 100px;width: 200px;">
 
</ice-scrollbar>