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>