Vue內(nèi)置插件（vue如何使用插件）
今天給各位分享Vue內(nèi)置插件的知識，其中也會(huì)對vue如何使用插件進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！
本文目錄一覽：
vue2開發(fā)過程中用到的插件
在工作中遇到了一些需求使用的第三方插件實(shí)現(xiàn)，記錄一下
一、vuedraggable 拖拽效果插件
vue.draggable中文文檔
二、vue-clipboard2 剪切板效果插件（復(fù)制指定內(nèi)容）
vue-clipboard2文檔
三、json-bigint js中長整型精度問題
處理長整數(shù)精度問題
vue-cli項(xiàng)目中的插件和依賴
使用方式（以axios為例）：
使用的方式
1.安裝：插件通過命令行安裝為vue add @scope/vue-cli-plugin-name或速記vue add @scope/name
2.配置插件：一般的插件都會(huì)提供一些可供用戶選擇的配置，這要看插件怎么設(shè)計(jì)。具體的使用方式也是根據(jù)不同的插件有不同的功能，這里就不舉例子了
vue好用的視頻插件推薦
最近做視頻功能，看了一些視頻相關(guān)的插件，發(fā)現(xiàn)下面兩個(gè)還是比較好用，這里推薦一下：
videojs應(yīng)該很多人都知道，比較成熟的插件了這里是官網(wǎng)地址：
然后Mui Player也是很不錯(cuò)跟videojs差不多都很好用，對比videojs優(yōu)勢應(yīng)該就是文檔更好閱讀點(diǎn)對于英語不好的是個(gè)好事。
我自己用了videojs，
然后項(xiàng)目主要是做了視頻的一個(gè)上傳和視頻的展示功能
看看效果圖：
使用的話官方文檔自己翻
最后主要說一下我用了插件后踩的一些坑，特別是上傳部分，其它的都還好。
我項(xiàng)目需求上傳需要做封面圖，然后安卓用戶的插件可以支持自動(dòng)截取視頻第一張圖，ios的因?yàn)橄拗撇恢С忠曨l自動(dòng)去加載元數(shù)據(jù)不會(huì)自動(dòng)截取視頻第一張圖，所以ios的只能去手動(dòng)給poster一個(gè)值就是手動(dòng)給個(gè)固定圖片，網(wǎng)上很多canvas截圖其實(shí)也是一個(gè)道理也是需要加載元數(shù)據(jù)才行，ios的也是截圖截不下來只會(huì)是一個(gè)黑色的圖片，所以只能手動(dòng)給個(gè)默認(rèn)圖片了，播放列表也是，對于mov格式的就是ios用戶上傳的視頻，并且查看者是用的ios手機(jī)，也是無法自動(dòng)給封面。
Vue 報(bào)表插件
環(huán)境 Vue2.x
之前使用的報(bào)表開發(fā)插件?????? vue-easy-print @0.0.8 ????
能打印pdf報(bào)表,但是存在 不能打印多頁 的問題,使用人數(shù)較少,文檔較少,版本較低,放棄.
改用新的插件? ? ? print-js
能在原來的基礎(chǔ)上解決打印多頁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:''})"
? 生成報(bào)表
/el-button
例如:
????style:'{div:{color:#008855}}'
? ? 字體縮小? .reportTable{font-size:0.8em !important }
#能分頁靠的是這個(gè)css
```
.reportBox {
? text-align: center;
? width: 100%;
? margin: auto;
? page-break-after: always;
? margin-top: 20px;
? font-family: "微軟雅黑";
}
```
Vue設(shè)置自定義插件
目錄如圖所示：
編輯message.js插件文件：
在main.js里面引入，然后use()方法即可
在組件中使用
結(jié)果如圖所示
關(guān)于Vue內(nèi)置插件和vue如何使用插件的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請注明出處。
