前端VUE生成二维码

最新推荐文章于 2024-04-29 17:02:45 发布

拿这个考验干部

最新推荐文章于 2024-04-29 17:02:45 发布

阅读量234

点赞数

本文链接：https://blog.csdn.net/m0_52948787/article/details/113378235

版权

vue.js

前端VUE生成二维码

npm安装vue-qr

npm install vue-qr --save

import在使用的页面引入

import vueQr from ‘vue-qr’

使用
text为空时,无二维码

<!--    logoSrc为logo的url地址；text为需要转换为二维码的内容-->
    <vue-qr :logoSrc="imageUrl" :text="text" :size="200"></vue-qr>

<script>
import vueQr from 'vue-qr'

export default {
  name: "index",
  data() {
    return {
      imageUrl:'https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1521218461,4261761568&fm=26&gp=0.jpg',
      text:'',
    }
  },
  components: {
    vueQr
  },
}
</script>