vue扫描二维码获取信息

你可以使用vue-qrcode-reader插件来实现在Vue.js中扫描二维码并获取信息的功能。首先，你需要安装该插件：

npm install vue-qrcode-reader

然后，在你的Vue组件中，引入并注册该插件：

import VueQrcodeReader from 'vue-qrcode-reader';

export default {
  name: 'YourComponent',
  components: {
    VueQrcodeReader
  },
  data() {
    return {
      qrResult: null
    };
  },
  methods: {
    onScan(result) {
      this.qrResult = result;
    }
  }
}

在模板中，你可以使用`vue-qrcode-reader`组件来显示摄像头扫描界面，并通过`onScan`方法获取扫描结果：

<template>
  <div>
    <vue-qrcode-reader @onDecode="onScan"></vue-qrcode-reader>
    <p>扫描结果: {{ qrResult }}</p>
  </div>
</template>

这样，当用户使用摄像头扫描二维码时，你就可以通过`qrResult`变量获取到扫描的信息了。记得在使用该插件时，要确保在HTTPS环境下运行，因为需要访问用户的摄像头。