美文网首页
Vue根据内容生成二维码QRcode

Vue根据内容生成二维码QRcode

作者: 辉夜真是太可爱啦 | 来源:发表于2019-07-29 16:33 被阅读0次

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>

相关文章

网友评论

      本文标题:Vue根据内容生成二维码QRcode

      本文链接:https://www.haomeiwen.com/subject/sfabrctx.html