router-link 綁定事件不生效

在vue中綁定事件是一下這種方法：

v-on:click='函數名稱';

@click = '函數名稱';

但是我們使用了 vue-router 路由時會使用 <router-link> 標簽來代替 a 標簽跳轉。我們在 vue-router 標簽綁定 @click 事件 。卻發現函數並沒有執行

 

決解

　　加 .native 修飾符就可以執行事件了。

<router-link to="/date" @click.native="nav_click">代碼</router-link>