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就可以了。

关于两个标签的区别其实还不是很清楚,之后体会到再补吧 : )

猜你喜欢

转载自blog.csdn.net/L_bic/article/details/79759912