uniapp实现扫一扫功能，扫码成功后跳转页面

本文主要是介绍uniapp实现扫一扫功能，扫码成功后跳转页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

uniapp官方有提供的相关api实现跳转到web网页（h5）的功能，在开发小程序中，是一项很常见的功能开发。该功能使用到的api uni.scanCode

详细步骤如下：

1.在ui库中找到扫码icon，以uViewUI为例

绑定点击事件@click

<u-icon class="scanIcon" name="scan" size="28" color="white" @click="clickScan"></u-icon>

2. 在事件clickScan中处理逻辑

 // 点击扫一扫clickScan() {// 使用uniapp提供扫码apiuni.scanCode({scanType: ['qrCode'],// 扫码成功后的回调success: (res) => {// res中包含二维码中的信息，其中就有网络链接// 使用navigateTo跳转，并且携带参数，参数为二维码中的链接uni.navigateTo({// 这里注意，此地址只是自己提前写好的，并且路径前面一定要加/url:`/pages/webpag

这篇关于uniapp实现扫一扫功能，扫码成功后跳转页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---