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