uniapp二维码条形码扫码自定义

40次阅读

共计 382 个字符,预计需要花费 1 分钟才能阅读完成。

github 地址,喜欢的可以 star 下哦

插件预览图

使用教程

1. 插件代码拷贝

  • 下载后把 components 目录下 scan.vue 文件拷贝到自己项目目录下

2. 插件全局配置

  • 在项目里 main.js 中配置如下代码
import scan from './components/scan.vue'

Vue.component('scan',scan)

3. 插件使用

  • vue 页面使用
<template>
    <view>
        <scan @getCode="getScanCode"/>
    </view>
</template>

<script>
    export default {data() {return {}
        },
        methods: {
            // 获取扫码控件
            getScanCode(val){console.log(val)
            },
        }
    }
</script>

<style>

</style>
兼容性

uni-app 项目 ios、android 都兼容

正文完
 0