vue打开外部链接-Vue项目必备技能！一招搞定新标签页打开外部链接

在Vue项目中，有时候我们需要在新标签页中打开外部链接，这样可以更好地引导用户浏览相关内容。在Vue中实现这个功能非常简单，我们可以通过`window.open()`方法来实现。

首先，我们需要在Vue组件中定义一个方法，比如`openExternalLink()`，然后在这个方法里调用`window.open()`并传入外部链接的地址作为参数。例如：

javascript
methods:{
  openExternalLink(){
    window.open('https://www.example.com','_blank');
  }
}

接着，在模板中添加一个按钮或者其他元素，并绑定这个方法。比如：

html

当用户点击这个按钮时，就会调用`openExternalLink()`方法，从而在新标签页中打开外部链接。需要注意的是，在使用`window.open()`时，第二个参数`'_blank'`表示在新标签页中打开链接，如果想在当前标签页中打开链接可以传入`'_self'`。

总之，在Vue项目中打开外部链接非常方便，只需要几行代码就能实现这一功能，让用户可以更加便捷地访问外部内容。

Imtoken：https://hsxxny.com/danji/92.html