网站应该如何推广seo整站优化服务
场景:web页面需要微信扫码支付,后台没有生产二维码给前端,后台给前端一个二维码字段前端需生成二维码
官方文档:https://github.com/davidshimjs/qrcodejs
使用方法:
第一步 安装
npm install --save qrcodejs2
第二步 项目中引入
import QRCode from "qrcodejs2"; //二维码
第三步 使用
<template><div class="qrcodeimg"><div ref="qrcode"></div></div>
</template>
<script>
import QRCode from "qrcodejs2"; //二维码
export default {methods:{qrcode() {const qrcode = new QRCode(this.$resf.qrcode, { // 在属性ref="qrcode"的div里边添加二维码width: 120,height: 120, // 高度colorLight: "#ffffff",text: ''// 二维码内容(接口返回的数字或者什么)});}},mounted() {this.qrcode()}
};
</script>
可能遇到的坑:
报错Error in mounted hook: "TypeError: Cannot read property 'appendChild' of null",
原因:是未获取到属性为ref="qrcode"的div元素,所以找不到appendChild方法。
解决办法:https://blog.csdn.net/caseywei/article/details/100982317