在uniapp中,可以使用uni.navigateTouni.redirectTo方法来跳转外部链接。这两个方法可以跳转到任意的URL链接。\n\n使用uni.navigateTo方法时,可以传递一个URL参数,如下所示:\n\njavascript\nuni.navigateTo({\n url: '/pages/webview/webview?url=https://www.example.com'\n})\n\n\n在webview页面中,可以通过this.$route.query.url来获取传递的URL参数,并在页面中加载该链接:\n\nhtml\n<template>\n <view class="webview">\n <web-view :src="url"></web-view>\n </view>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n url: ''\n }\n },\n onLoad() {\n this.url = this.$route.query.url\n }\n}\n</script>\n\n\n使用uni.redirectTo方法时,也可以传递一个URL参数,用法与uni.navigateTo类似。不同之处在于uni.redirectTo会关闭当前页面,并打开新页面。\n\n需要注意的是,跳转外部链接需要在manifest.json文件的h5字段中配置navigationStyleh5,以便在H5端能正常跳转外部链接。例如:\n\njson\n{\n "h5": {\n "navigationStyle": "h5"\n }\n}\n

uniapp 外部链接跳转:uni.navigateTo 和 uni.redirectTo 使用指南

原文地址: http://www.cveoy.top/t/topic/pVWX 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录