Vue打印文件(v-print)
Vue v-print打印文件。
下载安装插件
npm install vue-print-nb --save
引入注册
在app.js或main.js中引入
//打印文件
import Print from 'vue-print-nb'
Vue.user(Print)
使用HTML 部分
<div id="single-info">
<el-form label-width="160px">
<el-row align="center" style="margin-top:30px;">
<el-col :span="24" align="center">
<el-button id="info-btn" v-print="'#single-info'" @click="prints">打印</el-button>
</el-col>
</el-row>
</el-form>
</div>
JS 部分
prints(){
var prints = document.getElementById('single-info');
prints.title = "打印的标题";
}