css - Vue.js CSS 更改按钮 onClick to href 不起作用

在 SinglePageApp 中，我需要使用 <button>标签而不是 <a>标签 5 我正在使用 UKit
<a>标签将是:

<a type="button" class="uk-button uk-button-link" href="#events"><events</a>

但是这样写标签是行不通的

 <button @click="location.href='{{ url('events') }}'" class="uk-button uk-button-link">EVENTS</button>

注意:我看到一个 ESLint 错误.. [js] ';'预期的

最佳答案

@webnoob 答案是正确的，但是它似乎在单页应用程序中不起作用:我收到一个范围位置未定义错误..

所以我正在使用一种方法:

      <button @click="goToEvents()" class="uk-button uk-button-link">EVENTS</button>

和

methods: {
    goToEvents: function () {
        location.href='#events'
    }
},

关于css - Vue.js CSS 更改按钮 onClick to href 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48558214/