H5生成二维码qrcode

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