vuejs href链接未绑定到按钮答案

【问题标题】：vuejs href link not binding to buttonvuejs href链接未绑定到按钮
【发布时间】：2020-02-16 03:18:12
【问题描述】：

在 vuejs 2.5 中，我试图将 href 绑定到按钮。它仅适用于传统的超链接，但有没有办法在按钮上实现这一点？强调这是vue特有的

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<button v-bind:href="'link.html#/'+$route.params.year+'/12/regulatory?l=something'">My Link</button>

【问题讨论】：

Is there a way to get a <button> element to link to a location without wrapping it in an <a href ... tag?的可能重复
不是重复的。参考 vuejs，这是如何使用 v-bind 完成的
<button> html 标签没有名为href 的属性，所以基本上你不能将它绑定到按钮上。

标签： vue.js

【解决方案1】：

<button> 元素没有href 属性，不会用作链接。

您应该改用带有适当按钮样式的<a>。

【讨论】：

【解决方案2】：

按钮不存在 Href。您可以做的是将其绑定到 @click 并创建一个使用 window.location = URL 的方法

【讨论】：