关于router-link跳转

关于router-link跳转

<router-link to='/Register'></router-link>
<router-link :to='{name:"Register"}'></router-link>

老师,这两种跳转都是一样的是吗

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,对于你的问题解答如下:

1、先了解下两者的区别,参考如下解析:

(1)<router-link to='/Register'></router-link> 表示跳转到router/index.js路由文件中,path属性值为"/Register"对应的组件。也就是说这种写法,根据路由中的path属性值进行跳转。

(2)<router-link :to='{name:"Register"}'></router-link> 表示跳转到router/index.js路由文件中,name属性值为"Register"组件。也就是这种写法,根据路由中的name属性值进行跳转

2、然后再来分析同学的问题,解答如下:

(1)如果一个路由的path属性值"/Register",name属性值为"Register", 那么这两种跳转是一样的。如下:

http://img1.sycdn.imooc.com//climg/612b5a1b095b741b10570157.jpg

(2)如果不是的,那么这两者跳转的就不一样,可以结合下图注释理解::

http://img1.sycdn.imooc.com//climg/612b5c6109c9b91b17400345.jpg

点击test1链接,跳转结果如下:


http://img1.sycdn.imooc.com//climg/612b5b3a0961e7e804390201.jpg

点击test2链接,跳转结果如下:

http://img1.sycdn.imooc.com//climg/612b5bc109b9410d04820179.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师