vue实现相机扫码功能

<template>
  <div>
    <button @click="scanCode">扫码</button>
  </div>
</template>

<script>
export default {
  methods: {
    scanCode() {
      console.log("浏览器信息", navigator.userAgent);
      this.$router.push({
        path: "/scanCodePage",
      });
    },
  },
};
</script>

<style></style>

<template>
    <div class="page-scan">
      <!--返回-->
      <van-nav-bar title="扫描二维码/条形码" fixed
        @click-left="clickIndexLeft()"
        class="scan-index-bar">
        <template #left>
          <van-icon name="arrow-left" size="18" color="#fff"/>
          <span style="color: #fff"> 取消 </span>
        </template>
      </van-nav-bar>
      <!-- 扫码区域 -->
      <video r