Vue常用插件：qrcode

简介

qrcode是一个用于生成二维码图片的插件

简易demo

1. 安装

npm i qrcode --save

2. 引用、使用

<template>
  <div>
    <qrcode-vue :value="qrCode" size="200" />
  </div>
</template>

<script>
import QrcodeVue from 'qrcode.vue';
export default {
  components: { QrcodeVue },
  data() {
    return {
      qrCode:
        'https://mbd.baidu.com/newspage/data/landingshare?context=%7B%22nid%22%3A%22news_9613076770581662828%22%2C%22sourceFrom%22%3A%22wise_feedlist%22%7D'
    };
  }
};
</script>

3.二维码生成、扫完后截图

扫完后：

备注： 如上展示：qrCode的值如果是链接，就会跳转到对应页面。如果是纯字符，就展示空白页+文本（qrCode值）