1. 安装
npm install --save qrcodejs2
2. 引入
import QRCode from "qrcodejs2";
3. 页面生成
<div id="qrcode" ref="qrcode"></div>
<script>
import QRCode from "qrcodejs2";
export default {
mounted(){
this.qrcode()
},
methods: {
// 生成二维码
qrcode() {
let that = this;
let qrcode = new QRCode("qrcode", {
width: 200,
height: 200, // 高度
text: that.link, // 二维码内容
render: "" // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
// background: '#f0f', // 背景色
// foreground: '#ff0' // 前景色
});
},
}
}
</script>
Error in created hook: "TypeError: Cannot read property 'appendChild' of null"报错原因：
this.qrcode()要放在mounted里不要放在created
