更新记录

v2（2023-10-26） 下载此版本

修改引入js方式引起的bug

v1（2023-05-25） 下载此版本

初始版本

平台兼容性

# 使用教程

1、将示例component目录下文件拷贝到你的项目目录下

2、在页面引入组件

示例代码

<template>
    <view class="content">
        <view class="cu-item">
            <button @click="handleScan()">
                扫一扫
            </button>
        </view>
        <view class="result-padding">
            <text>扫码结果:</text>
            <text class="text-msg">{{msg}}</text>
        </view>
    </view>
</template>
<script>
    import {
        toScanCode
    } from '@/pages/component/scan'
    export default {
        data() {
            return {
                title: 'Hello',
                msg: ''
            }
        },
        methods: {
            handleScan() {
                toScanCode({
                    onlyFromCamera: true // 只允许通过相机扫码
                }).then(res => {
                    this.msg = res
                    console.log(res)
                })
            }
        }
    }
</script>
<style>
    .cu-item {
        margin-top: 30px;
    }
    .result-padding {
        padding: 15px 10px;
    }
</style>