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.stop="doSomething"></div> 

の

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

を使用する必要があると思います。参照：https://stackoverflow.com/a/8952200/6279569
ここにはdemoがあります。