赞
踩
第三方依赖vue-printjs(下面示例打印的是Html类型,该插件可以指定不打印的部分)
资源包网址:GitHub - xyl66/vuePlugs_printjs: vue打印插件
1.安装vue-printjs
npm i vue-printjs -S
2.全局引入vue-printjs
- //该文件为main.js
- import Print from 'vue-printjs'
- Vue.use(Print)
3.在需要打印表格或数据的组件中使用
- <template>
- <!-- 打印 -->
- <el-button
- size="mini"
- class="el-icon-printer"
- @click="printJson"
- ></el-button>
- <!-- 要打印的表格部分,定义属性ref='table' -->
- <el-table
- :data="list"
- border
- row-key="name"
- ref="table"
- >
赞
踩
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。