vue 實現打印功能

1.安裝插件

npm install vue-print-nb --save

2.在main.js中引用

import print from 'vue-print-nb'
Vue.use(Print);

3.在頁面中使用

// 通過設置 id 來獲取需要打印的區域
<div id="print-list" >
  <p>這裏是要打印的內容</p>
</div>
// 通過綁定 v-print 觸發打印效果
<button v-print="'#print-list'">打印測試</button>  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章