防止Vue路由器中的路由更改

Question

<router-link to="SOME_ROUTE">
    <div class="outer-div">
        <div class="inner-div" v-on:click="doSomething"></div>
    </div>
</router-link>

有些我正在尝试创建一个包含图像的链接。我试图让内部div做一些事情而不触发路线改变，我怎么能够实现这个目标呢？我已尝试修改了v-on:click.stop的事件，但它似乎无法正常工作，点击.inner-div后路线仍会发生变化。提前感谢您的帮助。

Answer 1

我认为你只需要使用

<div class="inner-div" v-on:click.prevent="doSomething"></div>

而不是

<div class="inner-div" v-on:click.stop="doSomething"></div> 

阻止默认操作。见：https://stackoverflow.com/a/8952200/6279569
这是demo。