router-link 返回上页和新窗口打开链接

1、如果使用了Vue-router的话，就可以用

this.$router.go（-1）

实现返回；

2、如果没使用vue-router，就可以用

window.history.go（-1）

实现返回效果。

可以定义方法 @click="goback"

methods:{

goback(){

this.$router.go(-1);//返回上一页 }

}

也可直接简写：

@click="$router.back(-1)"

跳转链接到新页面：

template
target='_blank'

<router-link :to="{path: '/footer'}" target="_blank" tag="a">

footer

</router-link>

　"tag" 属性：具有 tag 属性的 router-link 会被渲染成相应的标签

编程式：

我们常用的是 $router.push 和 $router.go 但是 vue2.0以后，这种方式就不支持新窗口打开的属性了，

这个时候就需要使用this.$router.resolve,如下：

goNewPage(){

let routeUrl = this.$router.resolve({

path: "/newPage",

query: {name:' 小明'}

})

window.open(routeUrl .href, '_blank')

}

router-link 返回上页和新窗口打开链接相关推荐

html打开链接文档代码,HTML_在新窗口打开链接的代码
如何让网站页面以新页找开 HTML 在新窗口打开链接的代码如果在文章中加上链接,系统默认是在原来的窗口中打开目标网页.当然,我们可以在链接地址上单击右键,选择"在新窗口中打开": ...
防止浏览器拦截的新窗口打开链接方案
背景当前的浏览器为了保证用户体验,在很多场合下禁止了window.open打开新窗口,下面就给出一些方案,最大程度上的实现新窗口打开一个链接. 方案 //打开新链接方法实现 function win ...
javascript新窗口打开链接window.open()被阻拦的解决办法
场景是ajax提交,比较后端效验数据,需要用户登录,提示后并需要新窗口打开登录的链接,使用window.open(url);往往会被浏览器认为是广告而被拦截. data.url是ajax返回的链接地址 ...
php新窗口打开链接,wordpress如何设置在新窗口打开链接
WordPress里面几乎所有的链接都是默认在当前窗口打开,无论是站外链接还是站内链接.这样的设定无忧主机小编觉得很不合理.试想:在博客网页上看到一个感兴趣的链接,点击之后就离开你的博客了,想要返回还 ...
网站用户体验研究:新窗口打开链接还是当前窗口打
网页到底是用新窗口打开好,还是用当前页打开比较好呢,这个恐怕是仁者见仁,智者见智了,接下来就粗浅的谈谈自己的看法. 先看这两种打开方式的利弊: 新窗口打开: 优点: 1)用户可以同时浏览多个页面,很方 ...
HTML：base标签统一让a标签在新窗口打开链接
a标签链接默认打开方式会覆盖原先页面,不会在新窗口打开,用户体验不是很好. 在a标签中有一个属性:target,target属性有两个平时较常用的值,一个值是:_self,表示在同一个窗口中打开页面, ...
webbrowser打开指定html,C#实现 WebBrowser中新窗口打开链接用默认或者指定浏览器打开，不用IE...
首先要捕获打开链接的事件,这个事件在 WebBrowser的NewWindow里面. 这里我的WebBrowser命名为announce.所以捕获事件如下: private void announce ...
新窗口打开链接target = “_blank“
设置整个页面所有a标签的打开方式 <base target = "_blank"> 设置单个a标签的打开方式 <a href = "url" ...
vue-router 设置路由在新窗口打开页面
一. <router-link>标签实现新窗口打开: 官方文档中说 v-link 指令被 <router-link> 组件指令替代,且 <router-link> ...

router-link 返回上页和新窗口打开链接

router-link 返回上页和新窗口打开链接相关推荐

最新文章

热门文章

router-link 返回上页 和 新窗口打开链接

router-link 返回上页 和 新窗口打开链接相关推荐

最新文章

热门文章

router-link 返回上页和新窗口打开链接

router-link 返回上页和新窗口打开链接相关推荐