uni-app Pc端打开一个新页面在新窗口

最新推荐文章于 2024-05-05 01:43:32 发布
最新推荐文章于 2024-05-05 01:43:32 发布
阅读量615 收藏
点赞数 4
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eren_yeger/article/details/135872301
版权

uni-app里面，我们跳转页面一般是使用uni.navigateTo来实现，但是如果在pc端想要打开一个新的页面在新的窗口，类似于a链接的_blank，我们可以用一个window上的方法来实现

话不多说，直接上代码


window.open(url)

 非常简单，我们只需要用window.open打开路径就可以实现

_当时只道是寻常
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【uni-app】在新窗口中打开链接
sayyy的专栏
09-04 4857
前言 在 uni-app 应用中，<a href="xxx" target="_blank">打开新页面</>不能实现预期的效果（在新窗口中打开页面）。 uni-app 应用运行到chrome浏览器中 在新窗口中打开外部链接 <template> <view class="content"> <navigator url="#" @click="openBaidu">在新窗口中打开百度</navigator> </vi
uniapp在webview中点击链接跳转到另一个uniapp页面
半兽先生的博客
04-13 3156
uniapp在webview中点击链接跳转到另一个uniapp页面
【uniapp】H5+、APP模拟浏览器环境内部打开网页
最新发布
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
05-05 2876
今天将智能体嵌入到我的项目中，发现webview无论H5怎么登录都是未登录，而APP却可以，于是进行了测试，发现以下几种情况：通过uniapp条件编译，区分H5和APP编译，分别进行处理，APP走webview，H5走a标签list数据 两个方法 对比 改良后APP端，通过webview正常访问目标网站，登陆后可保持会话，返回层级正常，能够返回到上一页（图二可以点击返回 回到图一） 网页端能够正常使用
uni-app 创建新页面和页面的配置
雨下听风声
01-22 1305
可以给h5 app单独设置样式
uniapp一直返回重复的页面，跳转的时候打开新的页面
qq_39894545的博客
07-13 1687
最开
vue/uniapp路由history模式下宝塔空间链接打开新窗口显示404解决方法
qq_22146195的博客
03-15 835
vue/uniapp路由history模式下宝塔空间链接打开新窗口显示404，或者域名后带路径参数刷新就报404。无论打开新窗口或刷新 都可以正常显示。
uni-app - 弹出框
weixin_54721820的博客
11-21 7206
弹出框让我们在需要时在屏幕底部弹出一个菜单，它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件，但它也有一些自定义功能。弹出框组件由两个主要组成部分组成：触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素，它与弹出框逻辑相互作用。弹出框是一个以弹出方式显示菜单项的UI元素集合。
uni-app多端引入保利威视频
09-22
在HBuilderX中创建一个新的uni-app项目，或者在现有项目中进行以下步骤。 1. 引入保利威SDK： 保利威通常会提供不同平台的SDK，我们需要在项目的`uni_modules`目录下新建一个`polyv`文件夹，将保利威提供的uni-app...
uni-app新大陆PDA扫描盘点RFID小示例
01-28
【uni-app新大陆PDA扫描盘点RFID小示例】是一个使用uni-app框架开发的针对新大陆PDA设备进行RFID盘点的应用实例。uni-app是一个跨平台的前端框架，允许开发者编写一次代码，就能在iOS、Android、Web等多个平台上运行...
uni-app调用Android原生可以实现通信及打开WiFi
01-13
【uni-app调用Android原生实现通信及打开WiFi】\n\nuni-app是一个跨平台的前端框架，允许开发者使用一套代码编写应用，同时在iOS、Android、H5等多个平台上运行。在uni-app中，通过调用原生插件，我们可以实现与...
基于UNI-APP的仿转转二手市场APP页面模板
02-23
UNI-APP是一个由DCloud（即DCloud（北京）信息技术有限公司）推出的多端开发框架，它允许开发者使用Vue.js语法编写一次代码，就能跨平台运行，覆盖iOS、Android、H5以及小程序等多个终端。UNI-APP的优势在于其轻量级...
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uniapp web-view UserAgent 发送电脑PC标识
庆哥的博客
08-18 276
当uniapp开发的应用，打开网址时，自动以电脑的方式浏览，打开的网页也不会出现移动的页面，此情况可应用于安卓电视机。将以下代码添加到manifest.json文件中。
【uniapp】跳转 navigateTo 页面跳转路径有层级限制，不能无限制跳转新页面 解决方法
AAAXiaoApple的博客
02-13 1160
【代码】【uniapp】跳转 navigateTo 页面跳转路径有层级限制，不能无限制跳转新页面 解决方法。
uni-app笔记
qq_42717015的博客
12-17 1999
1.uni-app打开外链 // #ifdef APP-PLUS plus.runtime.openURL(item.link); // #endif // #ifdef H5 window.open( item.link ) // #endif
uni-app打开外部链接方式汇总(h5&app)
热门推荐
Mr.CJ
12-22 2万+
uni-app打开外部链接方式汇总(h5&app)
uniapp自定义全局弹窗，保姆级教程
qq_63026743的博客
03-11 3336
在此注意 切勿将style 添加scoped 切勿！四、 一定要设置 @tap.stop.prevent 阻止事件冒泡。如有不足，望大家多多指点！不然手机端效果显示会失效。
uni-app简单页面操作-创建与跳转
BradenHan的专栏
07-31 634
TOC/TOC更多详细内容，请前端爱好者。
uni-app实现pc端pdf预览功能，可跨域直接打开
qq_42218513的博客
03-31 1283
uni-app实现pc端pdf预览功能，可跨域直接打开
uni-app app端使用svg
03-16
在uni-app中，可以使用SVG（可缩放矢量图形）来实现矢量图形的展示和操作。下面是使用SVG的一般步骤： 1. 导入SVG文件：将SVG文件导入到uni-app项目中，可以将SVG文件放置在项目的静态资源目录下。 2. 使用SVG组件：在需要展示SVG图形的页面或组件中，使用uni-app提供的`<svg>`组件来引入SVG文件。例如： ```html <template> <view> <svg class="svg-icon"> <use xlink:href="#icon-svg-file"></use> </svg> </view> </template> ``` 在上述代码中，`<svg>`组件的`class`属性可以用于自定义样式，`<use>`标签的`xlink:href`属性指定了要使用的SVG文件的ID。 3. 定义SVG图标：在项目的静态资源目录下创建一个SVG文件，例如`icon.svg`。在SVG文件中定义需要展示的图形，可以使用各种SVG元素和属性来绘制图形。 4. 引入SVG图标：在需要使用SVG图标的地方，使用`<use>`标签引入定义好的SVG图标。例如： ```html <template> <view> <svg class="svg-icon"> <use xlink:href="#icon-svg-file"></use> </svg> </view> </template> ``` 在上述代码中，`xlink:href`属性指定了要使用的SVG文件的ID，即`#icon-svg-file`。 以上就是在uni-app中使用SVG的基本步骤。你可以根据需要自定义SVG图形，并在页面中引入和展示。如果你有任何相关问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值