UNI-APP实现扫描二维码获取二维码的内容

前言:在物联网的应用中,扫描功能是一种很常用的功能,这篇文章将教你怎么通过UNI-APP实现扫描二维码

  1. 找到扫码功能的API
    UNI-APP已经有了扫码功能的API了,通过API可以非常简单的实现扫码功能
    UNI-APP官网
    UNI-APP实现扫描二维码获取二维码的内容

  2. 查看API
    有API可以方便我们进行开发,所以,会看API也是程序员的必备技能
    UNI-APP实现扫描二维码获取二维码的内容

    这个API可以说是非常详细了,完全足够开发

  3. 代码编写

<template>
	<view class="content">
		<view class="btn">
			<button type="default" @click="scan">扫描</button>
		</view>
		<view class="admin">
			<view>{{msg}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg: ""
			}
		},
		methods: {
			scan() {
				uni.scanCode({
					success: (res) => {
						console.log(res);
						this.msg = res.result
					}
				})
			}
		}
	}
</script>

<style>

</style>
  1. 演示
    UNI-APP实现扫描二维码获取二维码的内容

    这是在小程序的模拟器上显示的
    UNI-APP实现扫描二维码获取二维码的内容

    这是在APP上面显示的

上一篇:day04


下一篇:Linux基本命令