nutui/sites/doc/code.vue

<template>
  <div>
    <div class="nut-qrcode" id="qrcode">二维码位置</div>
  </div>
</template>
<script>
debugger;
import QRCode from "./asset/js/code.js";
export default {
  name: "nut-qrcode",
  props: {
    QCWidth: {
      type: Number,
      default: 160
    },
    QCHeight: {
      type: Number,
      default: 160
    },
    content: {
      type: String,
      required: true
    },
    fontColor: {
      type: String,
      default: "#000"
    },
    backColor: {
      type: String,
      default: "#fff"
    }
  },
  data() {
    return {};
  },
  mounted() {
    this.qrcode();
  },
  methods: {
    qrcode() {
      let qrcode = new QRCode("qrcode", {
        width: this.QCWidth,
        height: this.QCHeight, // 高度
        text: this.content, // 二维码内容
        colorDark: this.fontColor,
        colorLight: this.backColor,
        margin: 0
      });
    }
  }
};
</script>
<style lang="scss">
</style>