当前位置: 首页 > news >正文

uniApp跳转外链

创建一个新的页面,在该页面中使用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.lryc.cn/news/413149.html

相关文章:

  • 科技云报道:大模型引领技术浪潮,AI安全治理面临“大考”
  • SpringSecurity+Mysql数据库实现用户安全登录认证
  • 虚拟网卡添加ip
  • Unity向量线性插值Lerp
  • fatal: Could not read from remote repository. 解决方法
  • postman查询单条数据Get方法,无任何输出,idea后端也没有任何数据和提示的解决方法
  • query怎么改写,才能实现高质量的知识问答系统
  • Python实战——轻松实现动态网页爬虫(附详细源码)
  • Python应用—利用opencv实现图像匹配
  • Excel函数基础(二)
  • 学习大数据DAY30 python基础语法3
  • 一文弄清Java的四大引用及其两大传递
  • arduino程序-MC猜数字5、6(基础知识)
  • 【笔记】如何在ps里调整贴图
  • 【C++11】深度解析--异步操作(什么是异步?异步有那些操作?异步操作有什么用呢?)
  • PHP苹果 V X iPhone微商i o s多分开V X语音转发密友朋友圈一键跟圈软件
  • LDR6020 iPad皮套一体式键盘充电方案解析
  • 一款功能强大且免费的跨平台图片批量处理工具
  • 用Python打造精彩动画与视频,4.2 特效和滤镜的使用
  • 在 iOS 系统中,如何设置才能更好地保护个人隐私?
  • Charles抓包工具系列文章(七)-- Rewrite工具的应用示例
  • 国内SSL证书颁发机构哪家服务更优质?
  • 鸿蒙系统开发【设备安全服务-应用设备状态检测】安全
  • 19个运维工程师面试集锦
  • 一芯解锁「看家」新体验,航芯高性价比猫眼智能锁方案,让安全看得见!
  • IPv4 vs IPv6:了解这两大协议的关键差异
  • C#知识|XML文件操作
  • TCP 和 UDP 之间的区别?
  • 共用体、枚举类型、typedef定义,位运算
  • 【运维】Linux如何批量解压文件夹下的很多个`.tar.gz`文件