Vue.js防止V-LINK

Question

我有一個表，如下所示：

的代碼看起來是這樣的：

<div class="Topic__item__body" v-for="topic in topics" v-link="{ name: 'Messages', params: { topic: topic.slug }}"> 
    <div class="Topic__item__body_content"> 
     <p class="Topic__title">{{ topic.name }}</p> 
    </div> 

    <div class="Topic__item__body_content"> 
     <p>Berichten: 6</p> 
    </div> 

    <div class="Topic__item__body_content"> 
     <p>Door: Name lastname</p> 
     <i class="material-icons Hearth" @click="test">&#xE87E;</i> 
    </div> 
</div> 

所以，我怎麼能確保當用戶點擊材料爐膛圖標時，它不鏈接到v-link="{ name: 'Messages', params: { topic: topic.slug }}"，而是轉到方法test？

Answer 1

籲請點擊一個方法，你做這樣的：

<i @click="test">&#xE87E;</i> 

調用鏈接vue-router註冊你不喜歡它

<router-link :to="{ path: 'home' }"><i @click="test">&#xE87E;</i></router-link>