vue 二维码，打印

安装print-js

//安装print-js
npm install print-js --save
//删除print-js
npm uninstall print-js
//安装固定版本
npm install print-js@版本号 --save
// 全局安装
npm install print-js --save -g

安装 qrcodejs2

npm install qrcodejs2 --save

main.js

import Print from 'vue-printjs'Vue.use(Print)

引用界面

   <a-button  ghost type="primary"  @click="clickPrint" >打印</a-button><div id="printContent" ref="form">
//正常写打印需要的内容样式<div class="page" v-for="(item,index) in pageData" :key="index">ID:IN{{item.applyNo}}<span class="content-font" style="height:20px;">附件</span><div class="qrcode" :id="'qrcode'+index" :ref="'qrcode'+index" style="float: right;margin-bottom: 3mm;"></div>
</div>
</div>

script

<script>
import printJS from 'print-js'
import QRCode from 'qrcodejs2'  //引入qrcodejs2
export default {name: 'Print',props: ['visible', 'noticeType', 'id'],components: {QRCode},data() {return {pageData: []}},mounted() {this.init()},computed: {},methods: {clickPrint(){this.$print(this.$refs.form)},init(){this.$nextTick(() => {let qrcode = new QRCode('qrcode'+index, {width:100,height: 100,text: `http://1.2.3.4:8001/view=${ele.equId}&noticeType=${this.noticeType}`, //二维码地址render: 'table' })})}}
}
</script>

vue 二维码，打印相关推荐

vue二维码生成插件 - npm安装篇
vue二维码生成插件 - npm安装篇具体使用: 1. 安装: npm install vue-qr --save 2. 引入和声明 //在需要生成二维码的文件中引入比如qrCode.vue imp ...
[原创]解决某物流企业二维码打印问题
[原创]解决某物流企业二维码打印问题参考文章: (1)[原创]解决某物流企业二维码打印问题 (2)https://www.cnblogs.com/ruochen/archive/2012/06/28 ...
java生成二维码打印到浏览器
java生成二维码打印到浏览器解决方法: pom.xml的依赖两个jar包: <!-- https://mvnrepository.com/artifact/com.google.zxing/ ...
量具管理－量具生成和二维码打印
量具管理-量具生成和二维码打印只要选择量具分类,按下＂生成新量具＂按钮可以自动生成量具并能打印二维码建立文件createclass.py # -*- coding: utf-8 -*- impor ...
金蝶k3 wise 15.0单据序时簿二维码打印后打印预览时提示没有注册类
金蝶K3 wise 15.0 销售出库单打开二维码打印后这个界面在点击布局设计或打印预览时提示没有注册类,提示如下: 解决方案: 请在K3安装目录C:\Program Files (x86)\King ...
Android 蓝牙二维码打印,打印图片,二维码加文字布局,蓝牙连接
蓝牙二维码打印,工厂物料条码,绝对好用资源下载地址:点击下载扫描,显示蓝牙列表 public class DeviceListActivity extends AppCompatActivity ...
TSPL指令二维码打印无效？我搜集的TSPL中文文档
设备:tec相关打印机开发语言:javascript nodejs环境 TSCLIB.dll(详细资料需要去TSC官网下载,不要花RMB) 近日又在做标签打印相关,软件的开发,遇到一个以前已解决的问 ...
条码打印以及二维码打印
条码打印 function setFlowCardCodeHtml(rows, order){if(!isEmpty(rows) && rows.length>0){ //deb ...
vue二维码生成、打印及识别
生成二维码引入QRCode模块 npm install --save qrcode import QRCode from 'qrcode'; 页面代码批量创建二维码及打印,所以加了个v-for & ...

vue 二维码，打印

vue 二维码，打印相关推荐

最新文章

热门文章