vue+element實現(xiàn)打印頁面功能
更新時間：2019年05月20日 16:58:23 作者：浚琦
這篇文章主要介紹了vue+element實現(xiàn)打印頁面功能，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下
項目中遇到了要打印頁面的功能,我感覺我這個方法不太好,歡迎各位來改善指導(dǎo)
使用print插件 https://github.com/xyl66/vuePlugs_printjs
1.在min.js中引入
2.import Print from '@/plugs/print'
3.Vue.use(Print) // 注冊
<template> <section ref="print"> <要打印內(nèi)容/> <div class="no-print">不要打印我</div> </section> </template> this.$print(this.$refs.print) // 調(diào)用方法使用
總結(jié)
以上所述是小編給大家介紹的vue+element實現(xiàn)打印頁面功能，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了Vue3中關(guān)于ref和reactive的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
vue啟動報錯‘vue-cli-service serve‘問題及解決
這篇文章主要介紹了vue啟動報錯‘vue-cli-service serve‘問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家分享了一個非常實用的vue導(dǎo)航鉤子，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要大家介紹了查看當(dāng)前vue項目所需Node.js版本的方法,文章通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-11-11
圖片輪播是前端中經(jīng)常需要實現(xiàn)的一個功能。最近學(xué)習(xí)Vue.js，就針對Swiper進(jìn)行封裝，實現(xiàn)一個簡單的圖片輪播組件。感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-02-02
這篇文章主要介紹了淺談Vue.js 組件中的v-on綁定自定義事件理解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了vue3利用store實現(xiàn)記錄滾動位置的示例，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-04-04
讓多個組件使用同一個掛載點,并動態(tài)切換,這就是動態(tài)組件,下面這篇文章主要給大家介紹了關(guān)于Vue高級用法實例教程之動態(tài)組件的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-11-11
這篇文章主要介紹了vant van-list下拉加載更多onload事件問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Vue2.0學(xué)習(xí)系列之項目上線的方法步驟(圖文)
這篇文章主要介紹了Vue2.0學(xué)習(xí)系列之項目上線的方法步驟(圖文)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09