1、下载print.js

点击print.js进行下载，将print.js放到项目中

2、在项目main.js中引用print.js

import Print from '@/js/print'  // 这里是你的print放置的地址
Vue.use(Print)

3、在组件中使用

<template>
  <div ref="print">
    打印内容
    <div class="no-print">不要打印我</div>
  </div>
  <button @click="doPrint">打印</button>
</template>

<script>
export default {
    methods: {
        doPrint() {
            this.$print(this.$refs.print) // 使用
        }
    }
}
</script>

但是这个方法不能实现直接打印，直接打印 必须使用控件才可以，下篇再说吧

vue使用print.js实现前端打印
最近公司项目要求前端打印小票，感觉print.js[https://github.com/xyl66/vuePlu...
VUE使用Print.js打印指定区域页面
print.js官方链接 npm安装 npm安装时将库导入项目在Vue方法中申明方法前端实现注意事项打印内...
【vue学习】整合Lodop
前端实现自动打印批量打印 vue中使用lodop调用标签打印机利用lodop打印控件轻松实现批量打印本文主要...
How to use symfony's compone
采用框架：codeIgniter前端：Vue js 因使用 Vue js 与 element ui 实现前端，使用...
前端vue项目实现单页打印功能
前端vue项目实现单页打印功能 vue-print-nb插件：这是用于打印，简单，快速，方便，轻便的指令包装。安装...
vue + koa2 + socket.io 实现简单聊天室
vue 使用 vue-socket.io，nodejs 使用 socket.io 实现简单聊天室vue 前端页面首...
vueJS使用leadcloud数据存储
vue前端使用leadcloud数据存储，实现纯前端＋leadcloud进行数据交互，无需server端，轻松实现...
vue 打印
附上 print.js 地址: print.js 1、注册插件 1.1. HTML设置ref，可指定区域打印注意...
vue实现打印功能
打印功能可以自己使用原生js（window.print()）实现，其次就是使用插件，介绍一个打印插件 vue-pr...
Vue 基础 - 前端路由
使用vue-router实现前端路由安装vue-router：配置路由文件，并在vue实例中导入：设置视图（...