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