1. 程式人生 > >vue中a與router-link

vue中a與router-link

剛開始時貌似兩個標籤功能一樣,都可以實現路由跳轉,於是用了<a>。

1.在加入vuex進行元件間通訊後,發現在元件a中設定state某個引數後,點選<a>跳轉到元件b,state中這個引數又成了初始值!

通過查詢資料發現vuex只要重新整理了頁面,狀態不會保留。於是猜想用<a>會重新整理頁面導致state重置。

換成<router-link to>後此問題解決。

2.在換成<router-link>後發現@click失效!我需要在@click繫結的函式中設定state的某個屬性,於是又去查詢,發現了https://www.cnblogs.com/xianhuiwang/p/6726688.html

把@click換成@click.native就可以了。

關於兩個標籤的區別其實還不是很清楚,之後體會到再補吧 : )