防止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。