JS 打开一个链接

我们知道在 HTML 打开链接的方法就是定义 href

如下面的代码:

<div>
   <a href="javascript: void(0);" @click="openBlogDetail(item.id)" class="text-primary">Read
   more <i class="mdi mdi-arrow-right"></i></a>
</div>

但是,有时候我们是希望通过单击链接的方法调用一个 JS 函数。

上面就是定义了一个调用函数,并且传递 ID 到函数中。

在函数中打开链接

在函数中打开链接的方法是:

window.open("/blog/detail/" + id, "_self")

需要注意的是,上面的打开方法我们添加了一个参数 _self。

这个参数的意思是在当前的标签页中打开。

按照现代浏览器的配置,如果不添加这个参数,将会把需要打开的链接在一个新的标签页中打开。

使用上面的方法,直接调用就可以了。