防止Vue路由器中的路由变化

Question

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

有些我试图创建一个链接，它将有一个图像。我正在努力让内部部门在不触发路线改变的情况下做一些事情，我怎么能够做到这一点？我尝试了修改后的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。