vue所用插件整理

1、echarts 各类图形化展示插件
2、vueBus插件 兄弟组件之间传值 参考网站:https://www.cnblogs.com/yanwuming/p/10512905.html
3、vue-fontawesome-elementui-icon-picker vue element-ui图标选择插件 参考网站:https://www.jianshu.com/p/599904048040
4、vue-quill-editor 富文本编辑器 参考网站:https://blog.csdn.net/zhai_15733218875/article/details/84135010
5、qs插件 为了解决post默认使用的是x-www-from-urlencoded 去请求数据,导致请求参数无法传递到后台
  transformRequest: [function (data, headers) {
    // Do whatever you want to transform the data
    return Qs.stringify(data);
  }]
6、vue-baidu-map 百度地图插件
7、VueQriously vue二维码生成插件 https://blog.csdn.net/luoyali/article/details/79262778
8
、dataV vue大屏数据展示组件库 参考网站:http://datav.jiaminghi.com/
9、vue-awesome-swiper vue轮播插件
10、vue-image-swipe vue图片预览插件 参考网址:https://segmentfault.com/a/1190000019398933?utm_source=tag-newest
1
1、vue-count-to 一个简单好用的数字滚动插件
  1> 安装 npm install vue-count-to
  2> 使用方法
<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 2017
      }
    }
  }
</script>

  3> 字段说明

  

PropertyDescriptiontypedefault
startVal 开始值 Number 0
endVal 结束值 Number 2017
duration 持续时间,以毫秒为单位 Number 3000
autoplay 自动播放 Boolean true
decimals 要显示的小数位数 Number 0
decimal 十进制分割 String .
separator 分隔符 String ,
prefix 前缀 String ''
suffix 后缀 String ''
useEasing 使用缓和功能 Boolean true
easingFn 缓和回调 Function

更多demo戳  http://panjiachen.github.io/countTo/demo/

12、 Jquery_contextmenu 鼠标右键插件

  1> 安装 npm i jquery-contextmenu --save-dev

  2> main.js引入

import Jquery_contextmenu from 'jquery-contextmenu'
Vue.use(Jquery_contextmenu)
import 'jquery-contextmenu/dist/jquery.contextMenu.css'

 13、vue-flip-down vue 倒计时插件

 14、 docx-preview插件  在线预览docx文件

15、vue-excelview  在线预览excel文件

16、vue-pdf 在线预览pdf文件

 17拖拽插件 、vuedraggable   官方文档    https://www.itxst.com/vue-draggable/j6vzfv6r.html

 

 

后续会根据实际情况进行补充
posted @ 2019-12-30 11:55  冰魄花蕊  阅读(551)  评论(0编辑  收藏  举报