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
11、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> 字段说明
Property | Description | type | default |
---|---|---|---|
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'
后续会根据实际情况进行补充