1.熟悉概念:
router-link相当于原来的html标签<a></a>
自有属性:
tag="a" 指定解析标签,如果是a会解析成<a></a>,可以指定任何标签,大家可以试试。
to="/":会跳转当前页;to="" 不做任何跳转。
形式1:to="/xx/xx" 这里的路径对应路由router.js文件中的path;
形式2::to="{ name: 'userinfo', params: { userId: 123 }}";
注意:第二种写法to前面有冒号
其中params携带参数可在url中看到并获取。
2.问题:跳转后路由发生变化页面不刷新;
原因:路由已经发生变化,方法在created中写的,由于路由跳转不会再次刷新页面因此created不会被执行。
一般解决方案为:
<router-view :key='$route.fullPath'>
其他解决方案是执行js刷新页面方法,不推荐使用,用户体验感不会,会有页面空白闪现。