uniApp跳转外链

devtools/2024/10/18 16:03:14/

创建一个新的页面,在该页面中使用web-view组件加载外部URL:pages/web-view/web-view

<template><view><uni-list><uni-list-itemtitle="打开外部链接"@click="openExternalLink"></uni-list-item></uni-list></view>
</template><script>
export default {methods: {openExternalLink() {window.open('https://super.xiaoxilao.com/', '_blank');}}
}
</script><style>
/* 你的样式 */
</style>

在我们当前需要点击跳转的页面,增加点击事件,跳转到你创建的web-view页面,并传递URL参数:例如:/pages/index/index

<template><view><uni-list><uni-list-itemtitle="打开外部链接"@click="openExternalUrl('https://super.xiaoxilao.com/')"></uni-list-item></uni-list></view>
</template><script>
export default {methods: {openExternalUrl(url) {uni.navigateTo({url: `/pages/web-view/web-view?url=${encodeURIComponent(url)}`});}}
}
</script><style>
/* 你的样式 */
</style>


http://www.ppmy.cn/devtools/91256.html

相关文章

合并两个有序数组(LeetCode)

题目 给你两个按 非递减顺序 排列的整数数组 和 &#xff0c;另有两个整数 和 &#xff0c;分别表示 和 中的元素数目。请你 合并 到 中&#xff0c;使合并后的数组同样按 非递减顺序 排列。 注意&#xff1a;最终&#xff0c;合并后数组不应由函数返回&#xff0c;而是…

深入理解 Java SPI - 概念、原理、应用

零、前言 在当今互联网时代&#xff0c;应用程序越来越复杂&#xff0c;对于我们开发人员来说&#xff0c;如何实现高效的组件化和模块化已经成为了一个重要的问题。而 Java SPI&#xff08;Service Provider Interface&#xff09;机制&#xff0c;作为一种基于接口的服务发现…

AI时代下的程序员:深耕专业,强化软技能,共创辉煌未来

一、引言&#xff1a;AI浪潮下的编程新世界 1. 时代的脉动&#xff1a;AIGC技术重塑编程格局 在人工智能的浪潮中&#xff0c;AIGC&#xff08;AI Generated Content&#xff09;技术正以前所未有的速度改变着我们的编程世界。从ChatGPT到Midjourney&#xff0c;再到Claude&a…

离线+树状数组,ABC253 F - Operations on a Matrix

一、题目 1、题目描述 2、输入输出 2.1输入 2.2输出 3、原题链接 F - Operations on a Matrix 二、解题报告 1、思路分析 我们通过差分树状数组&#xff0c;可以轻松解决操作1 操作3我们也可以通过树状数组来获取对应列的值 关键是操作2会对操作3造成影响 所以我们先对…

ffmpeg 命令图片和视频转换

1、截图 ffmpeg -i d:\input.mp4 -ss 0:0:10 d:\output.jpg //指定输出分辨率 ffmpeg -i d:\input.mp4 -y -f image2 -ss 0:0:10 -vframes 1 -s 640x360 d:\output.jpg 2、视频分拆图片 ffmpeg -r 输入帧率 -i d:\input.mp4 -r 输出帧率 "d:\outputDir\frame_%04d.jp…

Apache Kylin高级特性:自定义计算与扩展

Apache Kylin高级特性&#xff1a;自定义计算与扩展 引言 Apache Kylin 是一个开源的分布式分析引擎&#xff0c;为大数据集上的多维分析&#xff08;OLAP&#xff09;提供支持。Kylin 通过预计算数据立方体和存储来实现亚秒级查询响应时间&#xff0c;极大地提升了数据分析效…

C语言——编译与链接

目录 引言 翻译环境与运行环境 翻译环境 1.翻译环境的简述 2.编译过程 2.1 预处理&#xff08;预编译&#xff09; 2.2 编译 2.2.1 词法分析 2.2.2 语法分析 2.2.3 语义分析 2.3 汇编 3.链接 运行环境 结束语 引言 C语言编译与链接过程是理解程序如何从代码转化…

案例分享:如何使用原生的NodeJs下载视频网站上的视频资源到本地生成MP4文件

如何使用原生的NodeJs下载视频网站上的视频资源到本地生成MP4文件 1、当下视频网站的视频资源无法通过常规手段下载的原因2、什么是M3U8是什么视频文件?3、如何下载M3U8文件中的TS文件并在本地合并为MP4文件?3.1 FFmpeg 是什么工具?3.2 安装 FFmpeg 工具3.3 使用 FFmpeg 工具…