vue扫条码实现

  • Post author:
  • Post category:vue


npm install vue-barcode-reader --save

<template>
  <div>
    <v-header title="扫一扫"/>
    <StreamBarcodeReader
      @decode="logIt"
      @loaded="onLoaded"
  ></StreamBarcodeReader>
  </div>
</template>
 
<script>
import {StreamBarcodeReader} from "vue-barcode-reader";
import Header from "@/common/_header.vue";
 
export default {
  name: 'VueBarcodeTest',
  components: {
    "v-header": Header,
    StreamBarcodeReader
  },
  data () {
    return {
      readerSize: {
        width: 640,
        height: 480
      },
      detecteds: []
    }
  },
  methods: {
    logIt (data) {
      // this.$router.push({
      //         path: "/indexes?barcode=" + encodeURI(data.codeResult.code),
      //       });
      var _this = this;
      let collecdatas = {
          code: data
        };
        t



版权声明:本文为qq_41992943原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。