如何使列表元素可单击并重定向到vue.js中的url

我正在使用vue.js。我有一个导航栏，它有一堆列表元素。我想我的列表元素之一去另一个网站，例如。我有一个路由器文件，它有多个子文件（对于我列表中的每个元素），每个子文件有三个组件

路径、组件、名称

在导航栏里，我把一切都设置成这样

<li v-bind:class="{active: $route.name == '//name from router file for   
that child'}">
  <router-link to="//path for that child">Google</router-link>
</li>

谷歌

我已经为route.name创建了一个vue文件，即Google.vue。按照这种设置方式，我将所有内容都添加到localhost路径名中。但是，我希望这个特定的列表元素转到www.google.com，而不是添加到路径中。 这可能吗？如果是，我应该将此链接添加到哪里？

更新问题：

选项1：删除

标记，并使您的链接看起来像：

那个孩子“}”>

进入谷歌

只需使用锚定标签而不是路由器链接

<li>
    <a class="text-link" href="www.google.com">Google</a>
</li>

---

因为我不想让它看起来像一个链接，而是一个文本元素，但仍然可以单击。如果这样做有意义，那么最简单的方法可能是创建一个重定向方法。因此，我们可以这样做：

转到谷歌

然后在主js文件或组件中创建一个方法：

重定向：函数（url）{window.location=url；}

好的，我想我想改变它的工作方式。我的其他列表元素通过路由器链接工作。让我更新这个问题。第一个选项，在vue文件中，它应该在脚本标记中，对吗？我这样做了，并且在“（url）”

export default{methods:{redirect:function（url）{window.location=url；}}}}}}

这不起作用。但是谢谢你的建议：D

.text-link,
.text-link:active,
.text-link:focus,
.text-link:hover,
.text-link:visited {
    color: inherit;
    text-decoration: none;
    cursor: default;
}