【问题标题】:prevent router-link when clicked on the button inside it: VUEJS单击其中的按钮时阻止路由器链接:VUEJS
【发布时间】:2020-04-13 20:59:21
【问题描述】:

点击里面的按钮时,我一直在努力阻止路由器链接,例如:

<router-link to="/a">
  <div>...</div>
  <button @click.prevent="somemethod()"></button>
</router-link>

当我点击子按钮时,我不希望 router-link 继续路由

【问题讨论】:

  • 正常情况是调用方法而不是路由器。也许您可以分享一个小提琴,以便更详细地展示您的问题
  • 我想你想要@click.stop="somemethod".prevent 只阻止默认事件动作
  • @ZuhaibKhan 您的示例在codesandbox 中的行为似乎符合预期。
  • 谢谢。 @click.stop="somemethod" 对我来说很好。

标签: vue.js router


【解决方案1】:

你应该有一个按钮。我没有看到任何按钮文字。添加按钮文本。然后按提交。

&lt;button @click.prevent="somemethod()"&gt;SUBMIT&lt;/button&gt;

【讨论】:

    猜你喜欢
    • 2023-04-01
    • 2021-11-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多