Vue:打印组件PrintPage

使用方法

1,引入PrintPage组件,在content插槽里面写要打印的内容;

2,调用this.$refs.printPage.init()准备打印;

3,调用this.$refs.printPage.doPrint()开始打印;

printPage.vue

<template><div class="PrintPage" id="printable" v-show="isShow"><slot name="content"></slot></div<

Vue:打印组件PrintPage相关推荐

vue打印组件v-print强制分页
table最后加上: <div style="page-break-after:always"></div>
vue封装打印插件print.js实现打印组件功能
代码插件地址:https://github.com/xyl66/vuePlugs_printjs 1. 打印插件属性方法定义-print.js // 打印类属性.方法定义 /* eslint-di ...
Vue中封装打印组件包括基本信息、表格用途出库单、入库单、请购单等单据
1.我们在工作中,在中后台系统应用中,经常会遇到打印的问题. 2.产品需求将列表详情数据能够打印生产单据,包括列表详情的所有数据. 3.通常我们可以通过接口拿到一定格式的JSON数据. 打印组件,总的 ...
vb.net 教程 11-1 打印组件 4 PrintDocument 1
版权声明:本文为博主原创文章,转载请在显著位置标明本文出处以及作者网名,未经作者允许不得用于商业目的. 前几节讲了PrintDialog.PageSetupDialog,实际对应了打印机设置.页面设置 ...
理解Vue递归组件，实现Tree树形控件实例~
思考了两天时间,准备仿照ant-design-vue实现一个基于vue的树形控件.主要用到了vue递归组件思想.input的CheckBox类型输入框的使用. 需求能够将传入的Json数据生成树形目 ...
vue打印elementUI表格边框显示不全
问题:vue打印elementUI表格边框显示不全(使用的window.print()) 在项目中需要实现打印功能,但是通常表格会打印不全就像这个样子: 解决:使用原生的表格就不会存在这种问题了打 ...
Vue中组件到底是什么
1.先说结论: Vue中组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的. 2.我们使用组件时发生了什么? 比如定义了一个school,然后在页面 ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
VUE父子组件传值（含实例）
vue父子组件通信这里的movies数组和message字符串,相当于是在父组件中对要传给子组件的数据做赋值或者计算等操作. 1.父传给子(在子组件中改数据) 父组件: 1.在子组件上绑定数据arr ...
vue 父子组件通信详解
这是一篇详细讲解vue父子组件之间通信的文章,初始学习vue的时候,总是搞不清楚几个情况通过props在父子组件传值时,v-bind:data="data",props接收的到底 ...

Vue:打印组件PrintPage

Vue:打印组件PrintPage相关推荐

最新文章

热门文章