1.在vue學習中遇到給router-link 標簽添加事件@click 、@mouseover等無效的情況

原來的代碼：

1 <router-link to=‘/SelectPage‘ @click=‘dianji‘><button>生成我的感謝信</button></router-link>

根據Vue2.0官方文檔關於父子組件通訊的原則，父組件通過prop傳遞數據給子組件，子組件觸發事件給父組件。但父組件想在子組件上監聽自己的click的話，需要加上native修飾符。

所以如果在想要在router-link上添加事件的話需要@click.native這樣寫

更改後的代碼：

1 <router-link to=‘/SelectPage‘ @click.native=‘dianji‘><button>生成我的感謝信</button></router-link>

這樣代碼就生效了。

vue_router添加點擊事件