场景：

使用vue-router时，遇到一个需求，需要打开一个新页面。

我们可以利用 router.resolve 自定义一个页面跳转的方法：

setup() {const routerJump = (type: any) => {// resolve新窗口打开const newpage = router.resolve({path: '/privacyPolicy',  // 跳转的页面路由query: { // 要传的参数type: type}})window.open(newpage.href, '_blank') // 打开新的窗口(跳转路径，跳转类型)}return {routerJump }
}

vue3 路由跳转，打开新页面相关推荐

vue 路由跳转打开新窗口(被浏览器拦截)
今天做了一个功能是点击按钮路由跳转打开新的窗口页面第一种方法 <router-link target="_blank" :to="{path:'/FundMang ...
vue 跳转打开新页面
vue 跳转打开新页面 let { href } = this.$router.resolve({path: "/myEchars",query: { phone: "1 ...
解决 vue路由跳转到新页面底部而不是顶部和后退到首页就不让他继续后退了
mounted () {this.$router.afterEach((to, from, next) => {window.scrollTo(0, 0); //跳到别的页面会自动滚动底部 }) ...
vue地址栏输入路由跳转到首页_Vue路由跳转到新页面时默认在页面最底部而不是最顶部的解决...
php截取字符串函数 public function sub_string($str, $len, $charset="utf-8") { if( !is_numeric($len ...
react如何跳转html页面,react中实现点击跳转到新页面方法
实现点击跳转到新页面,可以有两种形式,一个是本地页面打开,一个是本地页面不变跳转到新的页面. (一)页面点击本地页面打开新页面引入ant的Button组件 onClick={()=>{wind ...
vue 路由跳转并打开新页面
let id ='123'; const {href} = this.$router.resolve( { path: '/home/test',query: {id: id}} ) window.o ...
【vue-router，使用router.resolve打开新页面路由跳转】
vue-router,打开新页面路由跳转方法传参 let { href } = this.$router.resolve({path: '/path',query:{id: id ,year: y ...
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
vue中页面跳转传值_vue跳转方式（打开新页面）及传参操作示例
本文实例讲述了vue跳转方式(打开新页面)及传参操作.分享给大家供大家参考,具体如下: 1. router-link跳转 // 直接写上跳转的地址 link跳转 // 添加参数 // 参数获取 id ...
vue项目怎么样去实现新窗口跳转_vue跳转方式（打开新页面）及传参操作示例
本文实例讲述了vue跳转方式(打开新页面)及传参操作.分享给大家供大家参考,具体如下: 1. router-link跳转 // 直接写上跳转的地址 link跳转 // 添加参数 // 参数获取 id ...

vue3 路由跳转，打开新页面

场景：

使用vue-router时，遇到一个需求，需要打开一个新页面。

vue3 路由跳转，打开新页面相关推荐

最新文章

热门文章