首先下载插件
安装 npm install vue-print-nb --save
然后在main.js中全局注册
import Print from 'vue-print-nb'
Vue.use(Print);
然后在页面中引用
v-print="’#printTest’"
<el-dropdown-item v-print="'#printTest'">打印</el-dropdown-item>
设置打印区域
id=“printTest”
<div class="lookTable" :model="editForm" id="printTest">
<div class="tableStyle header">日报类型</div>
<div class="vertical tableStyle">
<span>{{editForm.daily_type | filterType}}</span>
</div>
<div class="tableStyle header">开始时间</div>
<div class="vertical tableStyle">
<span>{{editForm.start_time | formatTimer('hours')}}</span>
</div>
<div class="tableStyle header">结束时间</div>
<div class="vertical tableStyle">
<span>{{editForm.end_time | formatTimer('hours')}}</span>
</div>
<div class="tableStyle header">今日内容</div>
<div class="vertical tableStyle">
<span>{{editForm.content}}</span>
</div>
<div class="tableStyle header">明日计划</div>
<div class="vertical tableStyle">
<span>{{editForm.plan}}</span>
</div>