vue2 使用qrcode

在 Vue.js 2.x 中使用 QRcode 功能，你可以借助于一些第三方库，如 `vue-qrcode-reader` 或 `vue-svg-qrcode`。以下是基本步骤：

1. 安装库：首先通过npm或yarn安装库，例如：

   npm install vue-qrcode-reader
   # 或者
   yarn add vue-qrcode-reader

2. 引入组件：在你的Vue组件文件中导入所需的QRCode组件：

   import QRReader from 'vue-qrcode-reader';

3. 注册组件并在模板中使用它：

   <template>
     <div>
       <qr-reader v-model="qrValue" @success="handleSuccess"></qr-reader>
       <p>扫描结果：{{ qrValue }}</p>
     </div>
   </template>

   <script>
   export default {
     components: {
       QRReader,
     },
     data() {
       return {
         qrValue: '',
       };
     },
     methods: {
       handleSuccess(value) {
         this.qrValue = value;
       },
     },
   };
   </script>

4. 配置选项（如果有需要）：一些库可能允许你配置扫码区域、样式等，查看具体文档。