Question

2018-03-29

17377

vuejs2

因此，我在一个小项目中使用 iViewUI 和 VueJS。到目前为止，一切都很顺利。不幸的是，我在使用 $router.push() 时遇到了一点问题。

我想在单击卡片时推送到新 URL。这是我的代码：

<Card :bordered="true" @click="$router.push('/my/cool/link')">
  <p slot="title">Card Title</p>
  <p>Card description</p>
</Card>

因此，问题是当我单击卡片时什么也没有发生，这是我使用 VueJS 时第一次遇到这种情况。有人知道为什么会发生这种情况吗？非常感谢任何帮助。

Answer 1

我最终在 Card 组件上使用 @click.native="$router.push('/my/cool/link')" 。

Brian Moreno

2018-03-29

Answer 2

<card :bordered="true" @click="handleClick">
  <p slot="title">Card Title</p>
  <p>Card description</p>
</Card>

export default {
  // Whatever you got here
  methods: {
    handleClick() {
      this.$router.push('/my/cool/link')
    }
}

route.js

export default new VueRouter({
  routes: [
    { path: '/my/cool/link' }
  ]
})

请根据您的喜好随意重命名这些方法。

Answer 3

<card :bordered="true" @click="handleClick">

methods: {
    handleClick() {
      this.$router.push('/my/cool/link')
    }

或

<v-btn to="/my/cool/link">Next Page</v-btn>