当前位置:首页 > 网站建设 > 正文内容

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

网站建设2年前 (2023-04-02)1785

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

本文目录一览:

vue2开发过程中用到的插件

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

一、vuedraggable 拖拽效果插件

vue.draggable中文文档

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

vue-clipboard2文档

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

处理长整数精度问题

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如何使用插件的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

阅读剩余的56%

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://hon-tex.cn/post/14988.html

“Vue内置插件(vue如何使用插件)” 的相关文章

长沙网站制作的简单介绍

长沙网站制作的简单介绍

本篇文章给大家谈谈长沙网站制作,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、长沙网站建设告诉您如何建立企业网站 2、网站建设需要多少钱? 3、长沙哪家公司能提供网站建设服务? 4、长沙网站建设制作页面要掌握哪些要点 5、长沙网站制作哪家公司好呀?...

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

虚拟形象动作捕捉(虚拟形象动作捕捉技术)

今天给各位分享虚拟形象动作捕捉的知识,其中也会对虚拟形象动作捕捉技术进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、直播时的虚拟人物怎么设置的? 2、为什么我的抖音开直播没有虚拟形象 3、腾讯会议怎么变身 4、小艺有虚拟形象吗 5、vtube...

html个人网页完整代码(html编写个人主页)

html个人网页完整代码(html编写个人主页)

今天给各位分享html个人网页完整代码的知识,其中也会对html编写个人主页进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、一个完整的html代码怎么编写? 2、html制作个人简历网页代码 3、HTML 网页,按照题目内容,编写1个HTML网页。详...

小学生竞选班干部ppt模板免费下载(小学生竞选班干部ppt模板免费下载资源)

小学生竞选班干部ppt模板免费下载(小学生竞选班干部ppt模板免费下载资源)

今天给各位分享小学生竞选班干部ppt模板免费下载的知识,其中也会对小学生竞选班干部ppt模板免费下载资源进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、小学生竞选班干部演讲稿 2、竞选班干部ppt 3、孩子竞选班干部ppt怎么做 小学生竞选班干部演...

手抄报模板集(手抄报模板集合)

手抄报模板集(手抄报模板集合)

本篇文章给大家谈谈手抄报模板集,以及手抄报模板集合对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、2022年中秋节手抄报模板 2、法制在我心中手抄报模板 3、教师节手抄报模板初中生 2022年中秋节手抄报模板 2022年中秋节手抄报模板玄宗游月相传唐玄宗与申天师...

双减初中英语作业设计PPT(双减初中英语作业设计大赛)

双减初中英语作业设计PPT(双减初中英语作业设计大赛)

今天给各位分享双减初中英语作业设计PPT的知识,其中也会对双减初中英语作业设计大赛进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、双减背景下作业设计课题研究 2、如何布置有创意的英语作业 3、双减下的英语特色作业怎么写? 4、双减背景下的作业设计...