vue 新窗口打开外链接

背景：vue-router 打开外链接如果使用 a 标签，会默认加上根路由，导致跳转失效。那么如何让 a 标签点击跳转到新窗口？

解决方法：

html 代码

 <a class="a-style" @click="linkDownload('https://www.baidu.com')">百度</a>复制代码

js 代码

  linkDownload (url) {window.open(url,'_blank') // 新窗口打开外链接}
复制代码

css 代码

.a-style {color: #0500ee;cursor: pointer;text-decoration: underline;
}
复制代码

vue 新窗口打开外链接相关推荐

html 页面新窗口打开,HTML 在新窗口打开全站链接
这篇文章主要为大家详细介绍了HTML 在新窗口打开全站链接,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 在新窗口中打开链接对国内网民来说是一种 ...
锚链接html target,列锚标签（）的target属性中，哪一个可以定义在新窗口中打开链接地址（）。 - 问答库...
问题: [单选] 列锚标签()的target属性中,哪一个可以定义在新窗口中打开链接地址(). A . A_self B . B_blank C . C_parent D . D_to 在配置管理中, ...
【uni-app】在新窗口中打开链接
前言在 uni-app 应用中,<a href="xxx" target="_blank">打开新页面</>不能实现预期的效果(在新窗 ...
如何设置谷歌浏览器在新窗口中打开链接
1.进入谷歌官网网址:https://www.google.com 2.在谷歌官网中滑动页面到最下面,点击右下角的设置,然后在弹出框中点击搜索设置,如下图: 3.在侧边栏选中搜索结果的时候,滑动页面 ...
vue新窗口打开路由
开发的时候,遇到一个需求 1.新窗口打开路由 2.路由传参新窗口打开路由的实现使用resolve 路由传参使用query 代码如下 let condition = this.condition ...
在新窗口中打开链接 javascript
源码: <a class="listtitle_g 1" href="" rel="external">光迅科技:光通信板块业绩 ...
vue 新窗口打开路由页面
const {href} = this.$router.resolve({path: '/a',query: {code: '123',} }) window.open(href, '_blank')
使用jquery在新窗口中打开外部链接
使用rel属性的链接,你可以指定该链接的当前源文档目标方向,这个属性通常用于搜索引擎优化和样式选项.在新窗口中打开链接,你可以使用target属性.如果你想要所有的外部链接在新窗口中打开?可以使用jq ...
wordpress在新窗口打开留言者链接
为什么80%的码农都做不了架构师?>>> 没有什么技术含量可言,网上早有高手支招,但其方法在我现在使用的inove主题下不行,于是自己研究了下代码,完美解决,分享一下: 一般主 ...

vue 新窗口打开外链接

vue 新窗口打开外链接相关推荐

最新文章

热门文章