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

有些我正在尝试创建一个链接，其中将有一个图像。我试图让内部div在不触发路由更改的情况下做一些事情，我如何才能做到这一点？我已尝试了事件修改

v-on:click.stop

，但它似乎不起作用，在单击

.internal div

后，路由仍将更改。提前感谢您的帮助。

我想您只需要使用

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

而不是

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

以防止默认操作。请参阅：

---

这是我的建议。

我想你只需要使用

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

而不是

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

以防止默认操作。请参阅：

---

以下是.

呈现的dom是什么样子的？类似于

呈现的dom是什么样子的？类似于

的东西太棒了！这正是我想要的！谢谢伟大的这正是我想要的！谢谢