uniapp跳转到外部链接

javascript 复制代码
// 一、先配置页面
{
	"path": "pages/webview/webview",
	"style": {
		"navigationBarTitleText": ""
	}
}
// 二、编写页面
<template>
  <web-view :src="src" />
</template>

<script>
export default {
  data() {
    return {
      src: "",
      title: "",
    };
  },
  onLoad(option) {
    this.src = decodeURIComponent(option.src);
    this.title = option.title;
    uni.setNavigationBarTitle({ title: this.title });
  },
};
</script>
//三 使用
//src2 就是要跳转的链接
uni.navigateTo({url: `/pages/webview/webview?src=${src2}`});
相关推荐
IT_陈寒18 分钟前
Vue的这个响应式问题,坑了我整整两小时
前端·人工智能·后端
C澒27 分钟前
AI 生码:A 类生码方案架构升级
前端·ai编程
前端Hardy1 小时前
前端必看!LocalStorage这么用,再也不踩坑(多框架通用,直接复制)
前端·javascript·面试
前端Hardy1 小时前
前端必看!前端路由守卫这么写,再也不担心权限混乱(Vue/React通用)
前端·javascript·面试
Lee川1 小时前
从零构建现代化登录界面:React + Tailwind CSS 前端工程实践
前端·react.js
Awu12271 小时前
⚡精通 Claude 第 1 课:掌握 Slash Commands
前端·人工智能·ai编程
竹林8181 小时前
从ethers.js迁移到Viem:我在重构DeFi前端时踩过的那些坑
前端·javascript
码云之上1 小时前
上下文工程实战:解决多轮对话中的"上下文腐烂"问题
前端·node.js·agent
小小弯_Shelby1 小时前
webpack优化:Vue配置compression-webpack-plugin实现gzip压缩
前端·vue.js·webpack
小村儿1 小时前
连载04-CLAUDE.md ---一起吃透 Claude Code,告别 AI coding 迷茫
前端·后端·ai编程