我们知道在 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。
这个参数的意思是在当前的标签页中打开。
按照现代浏览器的配置,如果不添加这个参数,将会把需要打开的链接在一个新的标签页中打开。
![2022-09-23_13-39-56](https://cdn.ossez.com/discourse-uploads/optimized/2X/2/2f1cca131ce410facd5a91eeeb96fd69e519e8a9_2_690x489.png)
使用上面的方法,直接调用就可以了。
https://www.ossez.com/t/js/14112
标签:函数,self,JS,打开,方法,链接 From: https://www.cnblogs.com/huyuchengus/p/16724824.html