当前位置:   article > 正文

vue项目中打印数据或表格(使用第三方依赖vue-printjs)_vueplugs_printjs

vueplugs_printjs

第三方依赖vue-printjs(下面示例打印的是Html类型,该插件可以指定不打印的部分

        资源包网址:GitHub - xyl66/vuePlugs_printjs: vue打印插件

 1.安装vue-printjs

npm i vue-printjs -S

2.全局引入vue-printjs

  1. //该文件为main.js
  2. import Print from 'vue-printjs'
  3. Vue.use(Print)

3.在需要打印表格或数据的组件中使用

  1. <template>
  2. <!-- 打印 -->
  3. <el-button
  4. size="mini"
  5. class="el-icon-printer"
  6. @click="printJson"
  7. ></el-button>
  8. <!-- 要打印的表格部分,定义属性ref='table' -->
  9. <el-table
  10. :data="list"
  11. border
  12. row-key="name"
  13. ref="table"
  14. >
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/113034?site
推荐阅读
相关标签
  

闽ICP备14008679号