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)文章
vue啟動報錯‘vue-cli-service serve‘問題及解決
這篇文章主要介紹了vue啟動報錯‘vue-cli-service serve‘問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10Vue2.0學(xué)習(xí)系列之項目上線的方法步驟(圖文)
這篇文章主要介紹了Vue2.0學(xué)習(xí)系列之項目上線的方法步驟(圖文),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-09