我们知道在 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。

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

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

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