Vue根据内容生成二维码QRcode

1.首先安装插件vue-qriously

npm install vue-qriously --save

2.在main.js中进行引入

//main.js
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)

3.在HTML中进行使用

<template>
  <div>
    <qriously :value="qrcode" :size="200" />
  </div>
</template>
<script>
  export default {
    data() {
        return {
            qrcode: 'www.baidu.com'
         }
     }
  }
</script>