本文作者:qiaoqingyi

Vue内置插件(vue如何使用插件)

qiaoqingyi 2023-04-02 740

今天给各位分享Vue内置插件的知识,其中也会对vue如何使用插件进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

vue2开发过程中用到的插件

在工作中遇到了一些需求使用的第三方插件实现,记录一下

一、vuedraggable 拖拽效果插件

vue.draggable中文文档

二、vue-clipboard2 剪切板效果插件(复制指定内容)

vue-clipboard2文档

三、json-bigint js中长整型精度问题

处理长整数精度问题

Vue内置插件(vue如何使用插件)

vue-cli项目中的插件和依赖

使用方式(以axios为例):

使用的方式

1.安装:插件通过命令行安装为vue add @scope/vue-cli-plugin-name或速记vue add @scope/name

2.配置插件:一般的插件都会提供一些可供用户选择的配置,这要看插件怎么设计。具体的使用方式也是根据不同的插件有不同的功能,这里就不举例子了

vue好用的视频插件推荐

最近做视频功能,看了一些视频相关的插件,发现下面两个还是比较好用,这里推荐一下:

videojs应该很多人都知道,比较成熟的插件了这里是官网地址:

然后Mui Player也是很不错跟videojs差不多都很好用,对比videojs优势应该就是文档更好阅读点对于英语不好的是个好事。

我自己用了videojs,

然后项目主要是做了视频的一个上传和视频的展示功能

看看效果图:

使用的话官方文档自己翻

最后主要说一下我用了插件后踩的一些坑,特别是上传部分,其它的都还好。

我项目需求上传需要做封面图,然后安卓用户的插件可以支持自动截取视频第一张图,ios的因为限制不支持视频自动去加载元数据不会自动截取视频第一张图,所以ios的只能去手动给poster一个值就是手动给个固定图片,网上很多canvas截图其实也是一个道理也是需要加载元数据才行,ios的也是截图截不下来只会是一个黑色的图片,所以只能手动给个默认图片了,播放列表也是,对于mov格式的就是ios用户上传的视频,并且查看者是用的ios手机,也是无法自动给封面。

Vue 报表插件

环境 Vue2.x

之前使用的报表开发插件       vue-easy-print @0.0.8     

能打印pdf报表,但是存在 不能打印多页 的问题,使用人数较少,文档较少,版本较低,放弃.

改用新的插件      print-js

能在原来的基础上解决打印多页pdf的问题

npm install print-js --save

    import printJS from 'print-js'

visa-template  id="aaa" /visa-template

el-button type="primary" onclick="printJS( {printable:'aaa', type:'html',scanStyles:false,css:[''],style:''})"

  生成报表

/el-button

例如:

    style:'{div:{color:#008855}}'

    字体缩小  .reportTable{font-size:0.8em !important }

#能分页靠的是这个css

```

.reportBox {

  text-align: center;

  width: 100%;

  margin: auto;

  page-break-after: always;

  margin-top: 20px;

  font-family: "微软雅黑";

}

```

Vue设置自定义插件

目录如图所示:

编辑message.js插件文件:

在main.js里面引入,然后use()方法即可

在组件中使用

结果如图所示

关于Vue内置插件和vue如何使用插件的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

阅读
分享