防止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
这是演示 。