使用vue-qr生成漂亮的二维码

安装

npm install vue-qr --save

导入

// vue2.0
import VueQr from 'vue-qr'

...
{
  components: {VueQr}
}

用法

<vue-qr 
    :correctLevel="3" 
    :autoColor="false" 
    colorDark="#313a90" 
    :logoSrc="logoSrc" 
    :text="codeUrl" 
    :size="240" 
    :margin="0" 
    :logoMargin="3">
</vue-qr>

import VueQr from 'vue-qr'
export default {
  data () {
    return {
      logoSrc: require('../assets/weixin-head.jpg'),
      codeUrl: 'https://www.toutiao.com/article/7100763829256307215/'
    }
  },
  components: {
    VueQr
  }
}

更多配置项请参考官方文档。