uniapp跳转到外部链接

这篇具有很好参考价值的文章主要介绍了uniapp跳转到外部链接。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

// 一、先配置页面
{
	"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}`});

文章来源地址https://www.toymoban.com/news/detail-620936.html

到了这里,关于uniapp跳转到外部链接的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

    安装插件 compression-webpack-plugin 安装webpack 新建web.config.js

    2024年02月11日
    浏览(39)
  • 如何从短信链接打开跳转到微信App内

    运营做了一个活动,准备发送短信推广出去,结果问题来了,用户接收到短信后,点击短信里的链接,默认是用的系统浏览器打开的,但我们的活动是用微信支付啊~~~微信支付啊~~~ 系统浏览器里不支持啊!!! 如何才能让用户点击链接后打开微信呢? 上网搜了一圈,发现小

    2024年02月08日
    浏览(46)
  • uniapp 跳转外部链接

    一、先建一个内部页面webview.vue 1.1、在page.json里面指向我们跳转的这个内部路径 二、点击触发跳转 界面: js:

    2024年02月12日
    浏览(43)
  • uniapp开发小程序:使用webview 跳转外部链接

    ①先在自己uniapp项目pages.json中建一个页面webview.vue ②页面webview.vue中的全部代码如下: ③在需要操作的页面,通过点击事件触发跳转 tips:如果链接地址不是https的,可能会出现页面无法跳转的问题:需要通过一下步骤去配置一下: https://smartprogram.baidu.com/docs/develop/component/op

    2024年02月07日
    浏览(38)
  • uni-app6种跳转方式

    1、 uni.navigateTo:保留当前页面,跳转到应用内的某个页面。 2、uni.redirectTo:关闭当前页面,跳转到应用内的某个页面。 3、uni.reLaunch:关闭所有页面,打开到应用内的某个页面。 4、 uni.switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 5、uni.navigateBack:关闭当前页

    2024年02月13日
    浏览(40)
  • Uni-app中使用uni.navigateTo跳转失败

    在初次使用navigateTo的时候,难免会出现一些小的问题,已经使用了但是频繁的跳转失败 ① 第一个问题就是没有在pages.json的文件中添加当前的/pages/Approval/rules这个路径 这是出现的第一个错误 ②还有可能的是即使添加了这个也会报错,这可能是因为路径的问题,在输入url的时

    2024年02月15日
    浏览(41)
  • uni-app引用外部图标库(阿里矢量图)

    作为前端程序员,nui-app是必备的,但是有时候内置的图标,组件又不完全满足,这里就可以引进外部图标,这里引用的是阿里矢量图标 第一步,在项目目录中新建文件夹,如图 第二步,登上阿里矢量图官网,将自己需要的图片先加入购物车,再点击右上角购物车    第三部

    2024年02月14日
    浏览(55)
  • 关于uni-app 外部系统联登遇到的坑

    由于鄙人用了uni-app的即时通讯,所以用户体系必须同步uni-app那边的。这些操作也必须由自己的服务器来完成,所以需要把uni-app那边的接口进行url化。 uni-app的文档地址:云对象(uni-id-co) | uniCloud 所用的接口为 POST /your-uni-id-co-path/externalRegister POST /your-uni-id-co-path/externalLogi

    2024年03月28日
    浏览(50)
  • uni-app uni.switchTab和uni.reLaunch跳转tabbar页面

    uni.switchTab: 跳转列表不会刷新 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 uni.reLaunch: 跳转列表会刷新 关闭所有页面,打开到应用内的某个页面。( 可以跳转到tabBar 页面 ) 但如果是列表的自定义表头有多个title的时候需要加参数才能返回到对应的列表 如下图所示

    2024年02月11日
    浏览(55)
  • 如何Uniapp中嵌入H5,并且在H5中跳转到APP的指定页面

    有一个需求是,在app中嵌入一个H5页面,H5是一个网络页面,不在app项目里,APP可以打开H5页面,实现单点登录,并且在H5 页面中打开APP指定的页面 在uniapp中,有一个web-view组件,这就相当于一个浏览器组件,可以用来承载网页的容器,会自动铺满整个页面 web-view的详细文档参

    2024年02月04日
    浏览(70)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包